Closed Bug 1391627 Opened 7 years ago Closed 2 years ago

Not all options are visible in select dropdown list on OSX, with certain multi-monitor configurations

Categories

(Core :: Widget: Cocoa, defect, P3)

57 Branch
defect

Tracking

()

RESOLVED INCOMPLETE
Tracking Status
firefox57 --- wontfix

People

(Reporter: coastermcgee, Unassigned)

References

Details

(Whiteboard: [mac:multimonitor])

Attachments

(3 files)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20170818100226

Steps to reproduce:

Created a JSFiddle to reproduce and tried a fresh profile.  Currently on Mac OS Sierra 10.12.6 with 4k Retina display running an up to date Firefox nightly.   Cannot reproduce on Windows 10 machine.


Actual results:

All options are visible for a split second when clicking into the select box but then focus is lost and clicking a second time results in missing options.  Please see the JSFiddle at https://jsfiddle.net/tgpepz8x/ 


Expected results:

Should be able to see all available options in the select dropdown.
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
This seems to have been fixed in the latest release
Priority: -- → P3
Attached image Retina display
Retina displaying of drop down list, working.
Attached image Non retina
Non retina display, scroll bar goes over scroll area, can not see bottom options.
Tested today on a 27 inch Late 2015 iMac (Retina 5k display) and can confirm this is not working properly as the bottom options are not visible.
Last comment's test was done using the latest Nightly on OSX 10.13.3
Retested with the latest version of Firefox 58 and the issue is present there as well so it was not fixed in version 57.  I tried using the Mozregression tool to track down where this first appeared but for some reason, I cannot open any nightly builds before 51.0a1 and the bug is present in that version as well.  

As I stated in bug 1440662, the issue is not present on the main iMac display (5K iMac) but moving the browser window to one of my other monitors causes the problem to appear.  I had a colleague replicate on his machine as well (4k iMac) so it seems to be easily reproducible.
The issue only seems to occur in 3 monitor setups.  If I only have my main 5k iMac display and a second monitor connected, there is no problem (works on both the main iMac and on the alternate monitor).  As soon as I connect a 3rd monitor, the issue appears.
For me it is going from Retina Display to Non Retina Display, which would explain why less is visible. The image sizes are a bit of a give away as its 606px height on the retina and 302px on the non retina (as per attachments). 

Essentially something is wrong with how it draws select lists when you have two different display density's. It looks like it uses the primary PPI for both monitors even if the firefox window is on the secondary lower PPI monitor.

I run firefox 58.0.2 (64-bit) on an iMac (Retina 5K, 27-inch, Late 2015) with OSX 10.12.6 (16G1212) the secondary monitor is an Acer X223H (1920 x 1080).
Another new Nightly (64.0a1) and the problem is still there. As stated above, this has been an issue at least since Firefox 51 in 2016 (I could not test earlier versions) and is 100% reproducible going from a Retina display to a non-Retina display.  Can someone mark this as confirmed as it's driving me nuts having to constantly move my browser window from one display to the other in order to see all options in a pulldown.
Status: UNCONFIRMED → NEW
Component: Layout: Form Controls → Widget: Cocoa
Ever confirmed: true
I have the same problem!!!
Are you able to scroll down in the dropdown list to make the missing items appear, or are the items actually missing?
Flags: needinfo?(coastermcgee)
I am unable to scroll down the list as the lower options are cut off.  If I look at the html source the options are there but they are not visible on screen.

I can reproduce using the JSFiddle I created above very easily:

- Load the page with the browser window on the retina display.   
- Click the dropdown and see that all options are visible.
- Click off the dropdown.
- Drag the browser to my non-retina display.
- Click the dropdown and see the lower options are cut off and are no longer visible.  The dropdown is also not scrollable so there is no way to select or view the lower options.  On my screen everything below option 10 is not visible.

I can also just view the JSFiddle with the browser on my non-retina display and the same problem occurs where everything below option 10 is not visible.
Flags: needinfo?(coastermcgee)

Bugbug thinks this bug is a regression, but please revert this change in case of error.

Keywords: regression

Not sure if this is a regression. The bug is present all the way back to Nightly 51.0a1 and using the Mozregression tool, I am unable to open any builds before that to check if it was introduced in an earlier build.

It seems like according to bug 1391627 this may depend on monitor settings (see the latest screenshots)

Keywords: regression

Fixed link to a duplicate issue, containing OSX display config to reproduce behavior:
https://bugzilla.mozilla.org/show_bug.cgi?id=1420845

Err, indeed, thanks!

Summary: Not all options are visible in select dropdown list on OSX → Not all options are visible in select dropdown list on OSX, with certain multi-monitor configurations

It seems bug 1594384 / bug 1420845 contain STR for this. Stephen, do you know who may have hardware to reproduce this?

Flags: needinfo?(spohl.mozilla.bugs)

Anyone with a multi-monitor configuration may be in a position to reproduce this, including myself. The issue just hasn't bubbled to the top of the list yet, unfortunately. It would be great to know if this only reproduces if a certain monitor is set as the main monitor, or if that doesn't matter. It would also be good to know if chancing resolutions, or scaling, has any impact at all.

Flags: needinfo?(spohl.mozilla.bugs)

Note that we also have bug 1591936, so this may not be so much platform-dependent.

See Also: → 1591936

Did a bit more testing around STR in https://bugzilla.mozilla.org/show_bug.cgi?id=1420845

FF: 70.0.1 (64-bit)
OS: OSX 10.14.6 (18G103)
2 monitors: 32in LG (USB-C) and 27in HP 27es (HDMI to USB-C)
Test HTML with select boxes: https://jsfiddle.net/ivarprudnikov/djzrm48v/

The issue happens only on "HP 27es" and only when it is on the left and only when it is configured to be lower that the right one and only when it is secondary. Tried multiple other combinations but otherwise all select items are visible.

Refresh rate changes does not matter (from available 50hz, 60hz)
Scaling does not matter (from available 1600x900, 1080p, 820p)
Rotation does not matter. After rotating 180deg and making sure left monitor to be lower than primary (because it gets reset after rotation)

Ping me if more details are required.

See Also: → 1600815

This just started happening to me today. It occurs on an LG monitor. https://i.imgur.com/HfyiYZ7.png

I just played around with the arrangement and it only occurs when the displays are arranged: Asus | LG | iMac

Any other arrangement leads to the correct behavior.

Whiteboard: [mac:multimonitor]
Severity: normal → S3

The severity field for this bug is relatively low, S3. However, the bug has 4 duplicates.
:spohl, could you consider increasing the bug severity?

For more information, please visit auto_nag documentation.

Flags: needinfo?(spohl.mozilla.bugs)

The last needinfo from me was triggered in error by recent activity on the bug. I'm clearing the needinfo since this is a very old bug and I don't know if it's still relevant.

Flags: needinfo?(spohl.mozilla.bugs)

I am tentatively closing this bug as we haven't had any recent reports of this. Please reopen if you can still reproduce.

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: