1529446 - Menus misplaced after adjusting GNOME HiDpi scaling

Status: UNCONFIRMED

(Firefox :: Toolbars and Customization, defect, P2)

Description

[Daniel J Blueman]

Attachment: screenshot.png

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

1. open Firefox on eg Ubuntu 18.04 with a HiDpi screen, enabling bookmark toolbar with one or more folders
2. use xrandr to change resolution of screen, eg:
   $ xrandr --output eDP-1 --mode 1920x1080
3. change resolution back to original:
   $ xrandr --output eDP-1 --mode 3840x2160
4. open bookmark toolbar folder, observing it is not in the expected place (see screenshot); this prevents dragging website icon into bookmark toolbar folder

Actual results:

bookmark toolbar folder menu appears disjoint from the bookmark toolbar folder icon

Expected results:

bookmark toolbar folder menu should appear directly underneath folder icon, allowing dragging website icon into it

Comment 1

[u554753]

Moving to Firefox: Toolbars and Customization component.

Comment 2

[Jared Wein [:jaws] (please needinfo? me)]

Neil, could we be using the old resolution when anchoring this popup? The screenshot shows the popup closer than I would expect if 3840x2160 was used.

Comment 3

[Neil Deakin]

Possibly, but I don't see this issue myself so I don't really know.

Comment 4

[Daniel J Blueman]

@Neil I checked more and find the issue occurs when GNOME flips from hi-DPI mode to normal DPI mode or back, so probably a high-DPI display is needed.

In this case, I went down through 3840x2160 -> 3200x1800 -> 2880x1620 -> 2560x1600 before the issue occurred. If you have a high-DPI display and GNOME in hi-DPI mode, does it reproduce when moving to a non-hi-DPI mode?

Comment 5

[Julius de Bruijn]

Could this be the same issue? Running Sway/Wayland, but no scaling. Having issue with misaligned Bitwarden dialog.

Arch Linux / firefox-nightly-71.0a1.20191021-1-x86_64

https://github.com/bitwarden/browser/issues/1046

Comment 6

[Daniel J Blueman]

Simple reproducer found! This also reproduces on Firefox 71.0 on Ubuntu 19.10.

1. open Firefox
2. in GNOME Settings > Devices > Displays, change Scale to a different value, eg 100% > 200%
3. open a menu on one of the toolbars (not the window menu with File, Edit, View...), observing it is drawn in the wrong location. Since this completely breaks navigating submenus/folders, can someone confirm this, and update this to P2?

Comment 7

[Daniel J Blueman]

This also affects tooltips and has been reported at https://github.com/bitwarden/browser/issues/1046 . Please can someone update the status to NEW/ASSIGNED?

Comment 8

[Clarke Wixon]

I'm having this problem - I think it's the same - in Fedora 32 x86_64 on a 4K monitor, using Gnome/Wayland. However, I don't have to make any scaling changes to cause it to occur; my system is set at 125% all the time and the menus are appearing shifted.

This is a regression for me - FF versions up through 76 work correctly; 77 and 78 do not and show the same kind of menu shift as in the screenshot attached to the original report. I can downgrade to 75/76 and see the correct behavior, then upgrade back to 78 and the shifted menus reappear.

This occurs for both the Bookmark Toolbar and the application menus (when Alt is pressed to make them appear). It's just the menus - I can drag and drop things onto the Bookmark Toolbar and they will appear in the correct location. The menus are functional at their new locations - I can mouse over to where they appear and operate them, and the highlighting will show up correctly in the displaced menus.

Please let me know if any additional information would be helpful.

Comment 9

[Clarke Wixon]

Some further detail:

The right-click menu on a Bookmark Toolbar entry appears at the CORRECT location. Same for other right-clicks on the URL bar and other UI bits.

Menus from add-ons don't work right (I also use Bitwarden). The FF overflow menu and the hamburger menu don't appear at all - possibly because they are too far off the right end of the window.

Comment 10

[Daniel J Blueman]

In Firefox 79.0, I still find after applying a change in GNOME Settings>Displays>Scale, bookmark toolbar drop-down menus and submenus are consistently misplaced, as are the File/Edit/View drop-down menus, impeding usability. Some tooltips also are, however the downloads drop-down menu is not. Chromium does not exhibit the same issues.

Comment 11

[Clarke Wixon]

Same here - problem still appears in 79.0. My symptoms are the same as Daniel J. Blueman's, it seems, but I don't need to make any scale changes for them to occur.

All Menu Toolbar menus: misplaced
All Bookmark Toolbar menus: misplaced
Hamburger menu: misplaced
Extension button drop-down menus (e.g. Bitwarden): misplaced
Extension button right-click menus: OK
RIght-click menus on bookmark toolbar items: OK
Tooltips: seem OK
Forward/Back Button right-click menus: OK