927105 - Visualize inspecting option elements

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Jeff Griffiths (:canuckistani) (:⚡︎)]

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.