Considering demo automation? Test drive Demoboost for free!
Start Your Trial
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

How to Capture Dynamic Dropdowns (Advanced)

Effortlessly kickstart your journey with our beginner-friendly guides!

  • This is an inspector guide – please refer to the 'Introduction to the Inspector Guide.
  • This method may not work for every dropdown. If the user encounters issues with this method.
  • Sometimes, when attempting to capture dropdowns, they may disappear upon opening the Demoboost extension. To capture these dropdowns, we need to ensure that they remain on the page permanently.

Step 1: Please open up the dropdown menu

Step 2: Right-click on it and click on Inspect.

Step 3: Navigate up the HTML tree until you locate the main container of the dropdown. Hovering over it in the Inspector should display a blue outline around the entire dropdown container on the main page.

  • The dropdown container will likely have a display: none style property.

Step 4: Change 'display: none' to 'display: block!important'

Step 5: The dropdown should now stay on the screen and be capturable

  • If the dropdown element still disappears, it's likely that the dropdown is being dynamically created when it's shown. In such cases, this method won't work, and handling it will be more complicated. Please get in touch with us for assistance.