Jump to content

Dififcult to Find Element in Inspector - It Disappears


koolx
 Share

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
Link to comment
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
Link to comment
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
Link to comment
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.

Link to comment
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.

Link to comment
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?

Link to comment
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
 Share

×
×
  • Create New...