1375209 - Select menus with really long options can't be clicked as expected

Status: UNCONFIRMED

(Core :: Layout: Form Controls, defect, P3)

Description

[seminal]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36

Steps to reproduce:

I have a select menu with a really long option. When I click the menu to open it, the option popout covers most of the width of the screen, as expected. However, I can't click to select an option in parts of the screen. You can see a fiddle of the issue here:

https://jsfiddle.net/etd9gt0m/1/

The first select has a really long option and displays the issue. The second select does not, and doesn't have the issue.


Actual results:

When I click to select an option from the first select and my mouse is in the left portion of the screen (say the text on the far left naming the options) clicking does nothing. It does not select the option as it should or close the menu.

When I click to select an option and my mouse is underneath the actual select menu as displayed on the page (as if the menu dropped down from the select option itself as it does when the options are not long, as it does in the 2nd select menu) the the item is selected on click and the menu closes.


Expected results:

The click targets to select a menu option should cover the entire menu as displayed on the screen, so clicking on the left side of the menu should select an item as it does on the right.

Comment 1

[Jet Villegas (inactive)]

I can't reproduce this bug. Please confirm if it still occurs.

Comment 2

[seminal]

Yes, I see the same behavior in Firefox 56.0 for OSX

Comment 3

[seminal]

Why won't fix? This is very anomalous behavior compared to other competing browsers, and very odd to boot.