question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Mica material doesn't works in XAML Islands

See original GitHub issue

Describe the bug Mica material either renders as fully transparent or just plain white in XAML islands.

Steps to reproduce the bug

Steps to reproduce the behavior:

  1. Create an XAML Islands app
  2. Add muxc:BackdropMaterial.ApplyToRootOrPageBackground="True" to a page
  3. Load that page

Expected behavior I expected to see the Mica brush.

Screenshots image image

Version Info

NuGet package version:

[Microsoft.UI.Xaml 2.6.0]

Windows app type:

UWP Win32
Yes
Windows 10 version Saw the problem?
Insider Build (22000) Yes
October 2020 Update (19042)
May 2020 Update (19041)
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop Yes
Xbox
Surface Hub
IoT

Additional context I don’t have a repro project due to the complexity of getting XAML Islands and WinUI set up together.

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:6
  • Comments:14 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
sylveoncommented, Jun 30, 2021

Is that not what XamlRoot is for?

1reaction
sylveoncommented, Jun 22, 2022

No, it does not help, as composition attributes are ignored by XAML islands.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Mica material not showing up on secondary window
If I click on show second window, It pops up, but the background is in my system-accent-color, not the Mica material. Here my...
Read more >
Apply Mica to a WPF app on Windows 11
The Mica material is one of the hypest parts of Windows 11 app design, but just like Acrylic ... (Even XAML Islands can't...
Read more >
The mica effect is not good : r/Windows11
I think acrylic would've worked better anyways, was just wondering ... Considering the 'speed' of Xaml islands with explorer, the reasoning ...
Read more >
Host WinRT XAML controls in desktop apps (XAML Islands)
This guide helps you to create Fluent-based UWP UIs directly in your WPF and Windows Forms applications.
Read more >
Using a SystemBackdropController with WinUI 3 XAML
This article describes how to apply Mica or Acrylic as the base layer of your Windows App SDK/WinUI 3 XAML app. Note. To...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found