microsoft / microsoft-ui-xaml

Windows UI Library: the latest Windows 10 native controls and Fluent styles for your applications
MIT License
6.16k stars 667 forks source link

Any in-app blur/acrylic texture appears broken #9259

Open marticliment opened 5 months ago

marticliment commented 5 months ago

Describe the bug

Any blur/acrylic texture (scrollbars, comboboxes, etc.) shown on the app does not show any transparency. It instead shows an opaque grey blur.

Moreover, a list of errors get printed on console. This is only a small part of it.

BVI-FullRender

BVI-CouldNotFindCachedBlur

BVI-CachedNewBlur
(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)
0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)
rcBackdropLocal=[0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)], worldTransform=[(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)]
BVI-Validate-DidNotInvalidateCache

BVI-RealizationIsDirty-NotUpdated
(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)
0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)
rcBackdropLocal=[0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)], worldTransform=[(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)]
BVI-Validate-InvalidatedCache

BVI-FullRender

BVI-CouldNotFindCachedBlur

BVI-CachedNewBlur
(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)
0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)
rcBackdropLocal=[0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)], worldTransform=[(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)]
BVI-Validate-DidNotInvalidateCache
(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)
0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)
rcBackdropLocal=[0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)], worldTransform=[(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)]
BVI-Validate-DidNotInvalidateCache
(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)
0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)
rcBackdropLocal=[0.00, 0.00, 200.00, 417.00 (200.00 x 417.00)], worldTransform=[(1.00, 0.00, 0.00, 0.00), (0.00, 1.00, 0.00, 0.00), (0.00, 0.00, 1.00, 0.00), (10.00, 2.00, 32.00, 1.00)]
BVI-Validate-DidNotInvalidateCache

Steps to reproduce the bug

Create a Window that hosts a control such as ComboBox.

Tested with:

The bug persisted even when:

Expected behavior

Comboboxes and other widgets render properly and no messages appear on the console.

Screenshots

How it is rendering

image image

How it should render

image

NuGet package version

Windows App SDK 1.4.3: 1.4.231115000

Packaging type

Unpackaged

Windows version

Insider Build (xxxxx)

IDE

Visual Studio 2022-preview

Additional context

This issue appears to be happening also to other App Sdk apps such as the WinUI 3 Gallery, also using App SDK 1.4: image

image

(the WinUI 2 Gallery app renders comboboxes as expected)

lolametro commented 2 months ago

For completeness sake, this seems to be the case for at least:

In WinUI 2, it's Acrylic blurred by default, in WinUI 3 not. Would be nice if they are fixed in a batch.