1451828 - browser.tabs.drawInTitlebar - Minimize/Maximize/Close buttons do not scale on HiDPI screens

Status: RESOLVED DUPLICATE of bug 1497066

(Core :: Widget: Gtk, defect, P5)

Description

[bjserpas]

Attachment: Cropped view of maximized Firefox window next to a properly scaled KDE application

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0
Build ID: 20180405111609

Steps to reproduce:

Setting "browser.tabs.drawInTitlebar" to "true" on a HiDPI screen causes the Minimize/Maximize/Close buttons to be very small - too small to use comfortably. They appear to be sized for use on a non-scaled, standard 1920x1080 display. In addition, when Firefox is maximized, it appears that the "maximize" button (the center button) does not properly change it's icon to the "diamond" that is used to denote a maximized window in KDE.

I've attached a screenshot of this bug, which is a cropped view of a maximized Firefox window, clearly showing Firefox's Minimize/Maximize/Close buttons next to a properly scaled KDE window. I can provide any additional screenshots of this bug as needed.

Note: I do not know if this issue is limited to KDE, or if it extends to other desktop environments, such as GNOME.

Technical details:

Operating System: Manjaro KDE Edition 17.1.7 (x64)
Desktop Environment: KDE Plasma 5
Screen information (from xdpyinfo):
 - dimensions:    3840x2160 pixels (345x194 millimeters)
 - resolution:    283x283 dots per inch
KDE Screen Scaling Setting: 2
KDE Font DPI Setting: 192

This issue exists in the following versions of Firefox:

Firefox Beta (60.0b8)
Firefox Nightly (61.0a1 (2018-04-04) (64-bit))

I should note that this feature does not currently work at all on the latest stable version of Firefox, Firefox 59.0.2 (at least on my system). Setting "browser.tabs.drawInTitleBar" to "true" on this version of Firefox does not make the title bar disappear, and it's as though the setting is set to "false."

I should also note that, when I set my desktop resolution to 1920x1080, and I disable Display Scaling (by setting it to 1), the titlebar buttons seen when setting "browser.tabs.drawInTitlebar" to "true" are appropriately sized.


Actual results:

Setting "browser.tabs.drawInTitlebar" to "true" on a HiDPI screen and scaled desktop environment causes the Minimize/Maximize/Close buttons to be very small, and too small to use comfortably. In addition, Firefox does not properly set the "maximized" icon in the centermost button to indicate that the window is maximized. Instead, it shows the same icon as it would when in "windowed" mode.


Expected results:

When "browser.tabs.drawInTitlebar" is set to "true," the Minimize/Maximize/Close buttons should scale to render correctly on a HiDPI screen and scaled desktop environment, just like a normal KDE window. In addition, upon maximizing Firefox, the centermost button, used to maximize and un-maximize a window, should change its icon to the "diamond" used to show that a KDE application is currently maximized.

Comment 1

[bjserpas]

Attachment: Screenshot of full, maximized Firefox window, to show the issue more clearly

Comment 2

[u554753]

Please correct if this is not the right component. Thanks.

Comment 3

[Firefox Bug Husbandry Bot]

https://bugzilla.mozilla.org/show_bug.cgi?id=1552613