How to check if a dropdown is open?

[jmrossy]

How can I use Javascript to check if a dropdown's content is currently visible?

An example scenario is that I have hooks in react-based dropdown content that I want to run only when the dropdown is open.

[saadeghi]

Method 1 dropdown works with HTML <details> tag so you can use the ontoggle event to check if it's open or not:
https://www.cssportal.com/html-event-attributes/ontoggle.php

Method 2 dropdown works with CSS focus so you can use onfocus event:
https://www.cssportal.com/html-event-attributes/onfocus.php

Let me know if you have a question.

[jmrossy]

Perfect, thank you!