The problem here is when we hover the mouse over the particular menu item, drop down items going to visible. When trying to click the inspect element the drop down items are not going to be visible.

How can I inspect this drop down menu items

  • Can you share a screenshot and the DOM of the page/related ares. Jul 29 '18 at 15:47
  • You will need to open the developer tool side by side with your webpage, hover your mouse over the particular menu item and at the same time, inspect the element displayed in the developer tool. If this still does not work, you will make an educated guess by selecting the child of of this menu item.
    – Yu Zhang
    Jul 29 '18 at 22:12
  • Where it happens? If its an Salesforce Lightning website then there is different mechanism to view dropdown options and if its other than that you can simply find all the options within the Select class with option tag. Jul 30 '18 at 6:24

To make drop-down visible and inspect the elements under the drop-down, In the automation testing company we use to set

drop-down-content {
    display: none;

to "block" in HTML while inspecting element, So that drop-down did not disappears. or set display none check box to uncheck under DOM. Hope this solution works for you.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.