edge-frfox
edge-frfox copied to clipboard
bmFtZQ
Misaligned window controls on nonstandard display
Description On a secondary display (mine has different aspect ratio and scaling factor, the close, maximize, and minimize controls are unaligned).
Include screenshot / video recording if possible.
Configuration
- Firefox Version: 106.0.3 (64-bit)
- I'm using the msix package (Windows Store)
- OS: Windows 11 22h2
It seems like it renders properly when the window isn't in focus. The style of the maximize button looks more consistent with Windows 11 too.
Another edit: I tested unplugging the primary display, and it still happened. My laptop screen is 3:2 2256x1504 175% scaling. My primary monitor (on which it works) is 16:9 1920x1080 100% scaling.
When using the Mica tweak and the window is focused, the icons are drawn by windows but the button background when you hover over them is drawn by Firefox. The theme hides the window icons because the Mica appearance forces a set of window icons to appear. When the window is inactive the icons are drawn by Firefox, as Mica is disabled and the window background becomes a solid colour.
The misalignment seems to be caused by inconsistent button sizes when using fractional scaling settings. But there isn't any way to get the proper size of the icons. So I think the only way to fix this would be to add different sizes for different scaling settings. But I'll have to work on this another time, as Windows is not the operating system I use.
Closing this due to Mica being no longer supported as this issue only occurred with Mica enabled.