Jump to content
koolx

Dififcult to Find Element in Inspector - It Disappears

Recommended Posts

Hi guys.. I use firefox and win 10. I'm trying to find out what a google element is in inspector. The element is a dropdown list. But everytime I hover away from it to inspect it in inspector, the element disappears and as such, inspector cant tell me what it is. Heres the link to that google page:
https://www.google.com/search?q=cm+to+inches&ie=utf-8&oe=utf-8&client=firefox-b-ab

Heres a screenshot of the element I'm trying to find in inspector:

google_dropdown.png

Edited by koolx

Share this post


Link to post
Share on other sites

YES! THE OPTION ELEMENTS LISTING DISAPPEARS, BUT! BEING PART OF THE VISIBLE ELEMENT IE FOR INSTANCE THE SELECT ELEMENT (ABOVE THE CIRCLED DROPDOWN) WITH TEXT ‘LENGTH' YOU CAN! ACCESS! THE! DROPDOWN! THROUGH! THAT!

THEN BY EDITING HOW I HAVE MENTIONED SEVERAL TIMES NOW! YOU WILL SEE THE OPTIONS LISTING, AND BE ABLE TO USE THE INSPECTOR ON IT!

If you can't find 'Edit' or 'DOM', I suggest you get a decent web development tools that provide this functionality or maybe look for tutorial on how to use web development tools in browsers.

https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML

https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Editing_HTML

https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Attribute/Add Attribute

https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_Viewer

inspect select element->right click->Edit html (to edit select) OR Attributes -> Add Attribute -> enter size="5" in both cases PRESS ENTER, the dropdown list will, but considering the options list is within the select element, and the border around the options list IS the select element border itself its a bit pointless!

Edited by dsonesuk

Share this post


Link to post
Share on other sites
18 hours ago, dsonesuk said:

YES! THE OPTION ELEMENTS LISTING DISAPPEARS, BUT! BEING PART OF THE VISIBLE ELEMENT IE FOR INSTANCE THE SELECT ELEMENT (ABOVE THE CIRCLED DROPDOWN) WITH TEXT ‘LENGTH' YOU CAN! ACCESS! THE! DROPDOWN! THROUGH! THAT!

THEN BY EDITING HOW I HAVE MENTIONED SEVERAL TIMES NOW! YOU WILL SEE THE OPTIONS LISTING, AND BE ABLE TO USE THE INSPECTOR ON IT!

inspect select element->right click->Edit html (to edit select) OR Attributes -> Add Attribute -> enter size="5" in both cases PRESS ENTER, the dropdown list will, but considering the options list is within the select element, and the border around the options list IS the select element border itself its a bit pointless!

Hi.. I did as you asked and youre right. After entering " size="5" "  the dropdown list becomes visible. But the problem is when I do that the top and left side grey borders that were originally visible no longer is visible. So I dont know what to tweak exactly. This is bizarre. Take a look at my screen shot to see what I mean. What do you suggest?

border_gone.png

Edited by koolx

Share this post


Link to post
Share on other sites

OK! I see that? the only quick outside the box solution is to Alt -> Print Screen, paste it into graphics editor and get the colour using eyedropper tool. but its highly unlikely you will be able to change it as the colour is governed by operating system, which is mostly outside css control.

Share this post


Link to post
Share on other sites
6 hours ago, dsonesuk said:

OK! I see that? the only quick outside the box solution is to Alt -> Print Screen, paste it into graphics editor and get the colour using eyedropper tool. but its highly unlikely you will be able to change it as the colour is governed by operating system, which is mostly outside css control.

Before I can even color that part of the element first I have to find out what that element is.

Share this post


Link to post
Share on other sites

Unless are clever enough to access everyone's operating system change there colour scheme for dropdown menus etc, you can't!

Share this post


Link to post
Share on other sites
2 hours ago, dsonesuk said:

Unless are clever enough to access everyone's operating system change there colour scheme for dropdown menus etc, you can't!

What would accessing everyone's operating system tell me what element that is?

Share this post


Link to post
Share on other sites

It's not an element and it cannot be controlled by the browser. It is a UI widget that belongs to the operating system.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×