microsoft-ui-xaml
microsoft-ui-xaml copied to clipboard
Strange white bar when maximizing files window on certain monitor(s)
Describe the bug
I've discovered that on my Dell E2011H (1600x900 native) monitor when in dark mode I do see a slim white bar at the top of the window when I maximize the window on that monitor. I do think it is the window border, which in windows is colored differently than the rest of the title bar. To make it even harder I do not see the same behavior on my main monitor:
I think it's a minor thing, so yes, the priority of that is exceptionally low. I've experienced this in the file app (https://github.com/files-community/Files) which is according to their devs using winUI. So I'm trying to address here with you, if possible.
Steps to reproduce the bug
switch to dark mode bring files to specific monitor expand it to fill the whole screen a small white area appears on the very top
Expected behavior
the expected behavior would be that the white area would be colored the same way as the rest of the title bar when the application windows goes full screen.
Screenshots
NuGet package version
None
Windows version
Windows 11 (22H2): Build 22621
Additional context
The issue in the files repo can be found here:
https://github.com/files-community/Files/issues/13763
Check if you have something like Dell Display Manager running in the background, kill it, and then see how things behave.
@JohRest is this just for the files app? I cannot seem to repro this with any of the other apps that are on winui3 or winui2.
@ranjeshj seems to be the same as #8947.
It happens also to me, but only in monitors with 100% escale. I have two monitors, one with 2560 x 1440 resolution and 125% scale, and other with 1440 x 1080 resolution with 100%. It only happens in the second one, and if I change the scale of the first one to 100% it also happens there.
I've just installed Windows App SDK v1.4.3, which solved #8947, but this issue is still happening in the same way.
It happens also to me, but only in monitors with 100% escale. I have two monitors, one with 2560 x 1440 resolution and 125% scale, and other with 1440 x 1080 resolution with 100%. It only happens in the second one, and if I change the scale of the first one to 100% it also happens there.
I've just installed Windows App SDK v1.4.3, which solved #8947, but this issue is still happening in the same way.
Habbens on my winui3 app to when maximizing on bigger screens
I fully confirm... white line on some monitors only...
(try to save image out of browser white page)
Introduced in 1.4...
I can confirm that the issue still happens in some monitors at 100% scale (changing the scale fixes the issue). With my office monitor some time ago I was having this issue also, but I just realized that it is not happening anymore (maybe because #8947), and at my house monitors, in my main monitor (the one with 1440p resolution) the issue was also fixed, but with my secondary (the one with 1080p resolution) the issue happens with two different computers (work laptop and personal PC).
In order to provide more information to help finding the issue:
- both computers have NVIDIA GPUs
- monitor is from AOC, specifically AOC G2460VQ6.
@ranjeshj what's the status here? this is pretty easy to run into given the wide array of different resolution devices ppl use on windows
Same WinUI3 App run twice on my monitors... Left (2K 27") is OK, right (FHD 24") has the top white line.
Thanks...
I found a stable reproduce:
- Set 1 monitor scaled at 100% as the main monitor, another at 200% as a secondary monitor (set it as windows launch, so restart your windows if needed).
- After login to desktop, change the 200% scaled monitor as the main monitor.
- Opens WinUI3 Gallery and move it to the 100% scaled monitor, maximize the window. Now it has a white bar (actually an accent-colored bar). It seems as if it does not calculate the client area correctly.
I have three monitors and it becomes more obvious and easily reproducible when I change the main monitor.
I have the same problem when using multiple monitors. When one monitor is scaled below the recommended scaling, a weird white bar appears on the top of the title bar after maximizing the window, which disappears when I adjust it back to the recommended scaling. Sometimes I need a smaller scaling to show more content, which is helpful when multitasking. Hope to update!
I have the same problem when using multiple monitors. When one monitor is scaled below the recommended scaling, a weird white bar appears on the top of the title bar after maximizing the window, which disappears when I adjust it back to the recommended scaling. Sometimes I need a smaller scaling to show more content, which is helpful when multitasking. Hope to update!
The bug can be reproduced in WinUI 3 Gallery
sdk version: 1.5.240627000
Any updates on this? It affects Files app for me
Also in Firefox 145(workaround by disable Windows App SDK about:config -> widget.windows.windowsappsdk.enabled = false). Same issue in Microsoft Photos.