Skip to content

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

Open

Description

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:

  • Windows 11 Insider Beta Channel (22635.3061)
  • App Sdk 1.4.XXX (various versions to make surt)
  • Visual Studio 2022 preview

The bug persisted even when:

  • Mica was disabled and default background was set
  • Regular acrylic backdrop was set. (DesktopAcrylicBackdrop renders fine, controls still do not show properly)
  • Other libraries such as Pythonnet were not imported
  • The project was ran in both "Exe" and "WinExe" output types.
  • The project was executed from a release build
  • The project was debugged from a debug build

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)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    area-MaterialsReveal, Acrylic, lighting, etc.bugSomething isn't workingteam-ControlsIssue for the Controls team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions