Title bar has blurry buttons #10553

Open
opened 2026-01-31 02:24:32 +00:00 by claunia · 15 comments
Owner

Originally created by @ghost on GitHub (Sep 9, 2020).

IMO, the titlebar buttons of wt are not crisp, instead they look a bit fuzzy/blurry (atleast on my laptop).

Tested both on Intel HD 630 (screenshots in op) and Nvidia GTX 1050 (screenshot below) -
Screenshot (452)

I see the (somewhat) melting text bug in 2x magnification and above (on both nvidia and intel).
2x Magnification
2x
4x Magnification
4x

(Without using the magnify tool, the text in wt looks good enough, so I can't tell if the melting text bug is present or not, however at 2x magnification and above, the text doesn't look so good, idk if that is expected or not.)

Originally created by @ghost on GitHub (Sep 9, 2020). IMO, the titlebar buttons of wt are not crisp, instead they look a bit fuzzy/blurry (atleast on my laptop). Tested both on Intel HD 630 (screenshots in op) and Nvidia GTX 1050 (screenshot below) - ![Screenshot (452)](https://user-images.githubusercontent.com/71010204/92683137-bd2c8980-f34f-11ea-81b9-21e60844d5f8.png) I see the (somewhat) melting text bug in 2x magnification and above (on both nvidia and intel). 2x Magnification ![2x](https://user-images.githubusercontent.com/71010204/92683080-94a48f80-f34f-11ea-9ca9-7f0ccb32087b.png) 4x Magnification ![4x](https://user-images.githubusercontent.com/71010204/92683076-92dacc00-f34f-11ea-9a97-ccd142b5760b.png) (Without using the magnify tool, the text in wt looks good enough, so I can't tell if the melting text bug is present or not, however at 2x magnification and above, the text doesn't look so good, idk if that is expected or not.)
Author
Owner

@DHowett commented on GitHub (Sep 9, 2020):

We don't actually put those there -- so this is weird.

What graphics card are you using? This looks suspiciously similar to the "melting text" bug #5759.

@DHowett commented on GitHub (Sep 9, 2020): We don't actually put those there -- so this is weird. What graphics card are you using? This looks _suspiciously_ similar to the "melting text" bug #5759.
Author
Owner

@ghost commented on GitHub (Sep 10, 2020):

content copied to OP Tested both on Intel HD 630 (screenshots in op) and Nvidia GTX 1050 (screenshot below) - ![Screenshot (452)](https://user-images.githubusercontent.com/71010204/92683137-bd2c8980-f34f-11ea-81b9-21e60844d5f8.png)

I see the (somewhat) melting text bug in 2x magnification and above (on both nvidia and intel).
2x Magnification
2x
4x Magnification
4x

(Without using the magnify tool, the text in wt looks good enough, so I can't tell if the melting text bug is present or not, however at 2x magnification and above, the text doesn't look so good, idk if that is expected or not.)

@ghost commented on GitHub (Sep 10, 2020): <details> <summary>content copied to OP</summary> Tested both on Intel HD 630 (screenshots in op) and Nvidia GTX 1050 (screenshot below) - ![Screenshot (452)](https://user-images.githubusercontent.com/71010204/92683137-bd2c8980-f34f-11ea-81b9-21e60844d5f8.png) I see the (somewhat) melting text bug in 2x magnification and above (on both nvidia and intel). 2x Magnification ![2x](https://user-images.githubusercontent.com/71010204/92683080-94a48f80-f34f-11ea-9ca9-7f0ccb32087b.png) 4x Magnification ![4x](https://user-images.githubusercontent.com/71010204/92683076-92dacc00-f34f-11ea-9a97-ccd142b5760b.png) (Without using the magnify tool, the text in wt looks good enough, so I can't tell if the melting text bug is present or not, however at 2x magnification and above, the text doesn't look so good, idk if that is expected or not.) </details>
Author
Owner

@LuanVSO commented on GitHub (Sep 11, 2020):

the magnifier applies smoothing to text and images by default, can you go to settings > ease of access> magnifier and unheck this option:
image
and see if the results are better for you

@LuanVSO commented on GitHub (Sep 11, 2020): the magnifier applies smoothing to text and images by default, can you go to settings > ease of access> magnifier and unheck this option: ![image](https://user-images.githubusercontent.com/43626415/92961882-6e155000-f446-11ea-9307-16ef06fa2546.png) and see if the results are better for you
Author
Owner

@ghost commented on GitHub (Sep 12, 2020):

@LuanVSO thank you. that fixes the melting effect.

@DHowett
However, the title bar icons are still somewhat blurry at no magnification, while they look great when magnified.

Original -
1x

2x -
2x

@ghost commented on GitHub (Sep 12, 2020): @LuanVSO thank you. that fixes the melting effect. @DHowett However, the title bar icons are still somewhat blurry at no magnification, while they look great when magnified. Original - ![1x](https://user-images.githubusercontent.com/71010204/92989444-19c7aa00-f4f2-11ea-97c4-e373d13bfcfa.PNG) 2x - ![2x](https://user-images.githubusercontent.com/71010204/92989449-1e8c5e00-f4f2-11ea-8ee3-31a83b86aaad.PNG)
Author
Owner

@zadjii-msft commented on GitHub (Oct 1, 2020):

@axcadsd What display scaling are you running at?

image

@zadjii-msft commented on GitHub (Oct 1, 2020): @axcadsd What display scaling are you running at? ![image](https://user-images.githubusercontent.com/18356694/94768394-efd90900-0374-11eb-9271-1a79e63664b8.png)
Author
Owner

@ghost commented on GitHub (Oct 1, 2020):

@zadjii-msft I use 140% scaling.

@ghost commented on GitHub (Oct 1, 2020): @zadjii-msft I use 140% scaling.
Author
Owner

@zadjii-msft commented on GitHub (Oct 1, 2020):

Out of curiosity, does the problem go away if you use 125% or 150%?

@zadjii-msft commented on GitHub (Oct 1, 2020): Out of curiosity, does the problem go away if you use 125% or 150%?
Author
Owner

@ghost commented on GitHub (Oct 2, 2020):

100%
100

125%
125

140%
140

150%
150

175%
175

@ghost commented on GitHub (Oct 2, 2020): 100% ![100](https://user-images.githubusercontent.com/71010204/94907963-9a107800-04be-11eb-81b5-5698c53dd870.png) ------------------------------------ 125% ![125](https://user-images.githubusercontent.com/71010204/94907970-9bda3b80-04be-11eb-80d0-f6efcbf3190a.png) ------------------------------------ 140% ![140](https://user-images.githubusercontent.com/71010204/94907972-9c72d200-04be-11eb-9d2b-44085073f5d8.png) ------------------------------------ 150% ![150](https://user-images.githubusercontent.com/71010204/94907974-9d0b6880-04be-11eb-87e1-a52d2cd944b7.png) ------------------------------------ 175% ![175](https://user-images.githubusercontent.com/71010204/94907977-9da3ff00-04be-11eb-8459-99a53880015f.png) ------------------------------------
Author
Owner

@zadjii-msft commented on GitHub (Oct 9, 2020):

Welp, I'm officially out of ideas as to what might cause this. Especially annoying that we're not sure exactly what about your hardware is causing this blurriness/shadow.

I'm going to leave this open for now, and hope that we can get more community engagement and pin down what about the hardware specifically is causing this.

I wonder if it's happening to all buttons with Path icons in them. @LuanVSO does the close button on the TabView in the Xaml Controls Gallery app also have the same blurriness?

@zadjii-msft commented on GitHub (Oct 9, 2020): Welp, I'm officially out of ideas as to what might cause this. Especially annoying that we're not sure exactly what about your hardware is causing this blurriness/shadow. I'm going to leave this open for now, and hope that we can get more community engagement and pin down what about the hardware specifically is causing this. I wonder if it's happening to all buttons with `Path` icons in them. @LuanVSO does the close button on the TabView in the [Xaml Controls Gallery app](https://www.microsoft.com/en-us/p/xaml-controls-gallery/9msvh128x2zt) also have the same blurriness?
Author
Owner

@LuanVSO commented on GitHub (Oct 9, 2020):

image
🤔
EDIT: I'm on 100% scaling btw

@LuanVSO commented on GitHub (Oct 9, 2020): ![image](https://user-images.githubusercontent.com/43626415/95607851-b2d6db80-0a32-11eb-854e-33b130b5e731.png) 🤔 EDIT: I'm on 100% scaling btw
Author
Owner

@zadjii-msft commented on GitHub (Oct 9, 2020):

what the dang heck

Maybe it's a XAML Islands bug then?

@zadjii-msft commented on GitHub (Oct 9, 2020): _what the dang heck_ Maybe it's a XAML Islands bug then?
Author
Owner

@dlong11 commented on GitHub (Oct 23, 2020):

@zadjii-msft Try adding UseLayoutRounding="True" to the StackPanel. I didn't try this but I think that will fix this.

@dlong11 commented on GitHub (Oct 23, 2020): @zadjii-msft Try adding UseLayoutRounding="True" to the StackPanel. I didn't try this but I think that will fix this.
Author
Owner

@zadjii-msft commented on GitHub (Mar 26, 2021):

Blech, I finally got around to trying UseLayoutRounding, but it didn't seem to make a difference. Both this and #7111 seem closely related.

@zadjii-msft commented on GitHub (Mar 26, 2021): Blech, I finally got around to trying UseLayoutRounding, but it didn't seem to make a difference. Both this and #7111 seem closely related.
Author
Owner

@ghost commented on GitHub (May 28, 2021):

There's an issue that tracks this in the WinUI repo: microsoft/microsoft-ui-xaml/issues/4116

@ghost commented on GitHub (May 28, 2021): There's an issue that tracks this in the WinUI repo: microsoft/microsoft-ui-xaml/issues/4116
Author
Owner

@moxwel commented on GitHub (Jul 13, 2021):

I'm looking forward to this to get fixed. It's very strange those icons are blurred, but in other programs that doesn't occur.

I'm supposing but... Maybe is something related to an SVG? Like.... The source of the icon? Or something like that.

@moxwel commented on GitHub (Jul 13, 2021): I'm looking forward to this to get fixed. It's very strange those icons are blurred, but in other programs that doesn't occur. I'm supposing but... Maybe is something related to an SVG? Like.... The _source_ of the icon? Or something like that.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#10553