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
Software Quality Assurance & Testing Stack Exchange is a question and answer site for software quality control experts, automation engineers, and software testers. It only takes a minute to sign up.
Sign up to join this communityThe 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
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.
Thanks.
To inspect a element in a drop-down menu in Chrome and Firefox, follow the given steps-
In Chrome and Firefox, we can right click on element and click on inspect
When drop down menu is open, we can Pause browser by using F8 key from keyboard
Once browser is paused, we can again right click on drop down values and inspect it.