microsoft-ui-xaml icon indicating copy to clipboard operation
microsoft-ui-xaml copied to clipboard

Strange white bar when maximizing files window on certain monitor(s)

Open JohRest opened this issue 2 years ago • 12 comments

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:

image

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

image

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

JohRest avatar Nov 10 '23 09:11 JohRest

Check if you have something like Dell Display Manager running in the background, kill it, and then see how things behave.

kmgallahan avatar Nov 10 '23 14:11 kmgallahan

@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 avatar Nov 15 '23 04:11 ranjeshj

@ranjeshj seems to be the same as #8947.

yaira2 avatar Nov 18 '23 23:11 yaira2

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.

Diegorro98 avatar Nov 19 '23 13:11 Diegorro98

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

jarno9981 avatar Nov 20 '23 07:11 jarno9981

I fully confirm... white line on some monitors only...

Screenshot 2023-12-06 104358

(try to save image out of browser white page)

Introduced in 1.4...

LucaCris avatar Dec 06 '23 09:12 LucaCris

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.

Diegorro98 avatar Dec 06 '23 10:12 Diegorro98

@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

stevenbrix avatar Apr 16 '24 18:04 stevenbrix

Same WinUI3 App run twice on my monitors... Left (2K 27") is OK, right (FHD 24") has the top white line.

20240418_170110

Thanks...

LucaCris avatar Apr 18 '24 15:04 LucaCris

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. image

HO-COOH avatar Jun 10 '24 16:06 HO-COOH

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!

bradcmyk avatar Aug 18 '24 05:08 bradcmyk

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!

WinUIGallery_v48y4Hzeit

The bug can be reproduced in WinUI 3 Gallery

sdk version: 1.5.240627000

bradcmyk avatar Aug 18 '24 05:08 bradcmyk

Any updates on this? It affects Files app for me

thewbuk avatar Apr 22 '25 18:04 thewbuk

Also in Firefox 145(workaround by disable Windows App SDK about:config -> widget.windows.windowsappsdk.enabled = false). Same issue in Microsoft Photos.

noangel avatar Nov 15 '25 06:11 noangel