Open Bug 927105 Opened 7 years ago Updated 3 years ago

Visualize inspecting option elements

Categories

(DevTools :: Inspector, defect, P3)

26 Branch
x86
macOS
defect

Tracking

(Not tracked)

People

(Reporter: canuckistani, Unassigned)

Details

From here:

https://hacks.mozilla.org/2013/09/reintroducing-the-firefox-developer-tools-part-1-the-web-console-and-the-javascript-debugger/comment-page-1/#comment-2153596

When you inspect the options of a select element, the visual selection in the page is a dashed rectangle around the option element - this is slightly confusing for short lists but a pretty bad experience for really long ones.

Screenshots:

http://crop-factor.net/ff-dev-screen1.png
http://crop-factor.net/ff-dev-screen2.png

There might be two ways to go here:

* somehow make the options list visible to the user when they are inspecting it, or
* prevent scrolling in the content pane when inspecting the options? 

There is no real useful visual feedback gained by scrolling down and showing the non-visible box, it's just awkward.
Priority: -- → P3
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.