Shadows on Flyout flicker upon opening
See original GitHub issueDescribe the bug
When a MenuFlyout’s MenuFlyoutItem finishes animating after clicking on it, its shadow shortly flickers before reappearing.
This phenomenon is best visible against a high-contrast background.
Steps to reproduce the bug
High-Contrast scenario
- Define your controls in an empty Window the following way:
<Grid Background="Red">
<MenuBar Background="Transparent">
<MenuBarItem Title="File">
<MenuFlyoutItem Text="Open"/>
</MenuBarItem>
</MenuBar>
</Grid>
General scenario
- Define your controls in an empty Window the following way:
<Grid>
<MenuBar>
<MenuBarItem Title="File">
<MenuFlyoutItem Text="Open"/>
</MenuBarItem>
</MenuBar>
</Grid>
- Run the application
- Click the
MenuBarItemand observe the shadow flickering
Expected behavior
The shadow is expected to remain visible throughout all stages of its animation.
Screenshots
NuGet package version
No response
Windows app type
- UWP
- Win32
Device form factor
Desktop
Windows version
Windows 11 (22H2): Build 22621
Additional context
This issue is less noticeable in low-contrast situations, but persists nevertheless.
Issue Analytics
- State:
- Created a year ago
- Reactions:2
- Comments:7
Top Results From Across the Web
How do I fix flickering Webview in flyout upon flyout opening?
The flicker always happens after those events. My only workaround is to set a dispatcher timer to make the webview visible once the...
Read more >DXWindow flickers when FlyoutControl is shown if the ...
Hello I have a main form which is based on DXWindow with a border shadow (BorderEffect="Default"). When a flyout is shown the outer...
Read more >Shadows at a distance are pixelated and flicker when I move.
Textures and shadows are on high and as the title states whenever i'm moving any shadows at a distance of more than maybe...
Read more >[5.3] Elements in the UI flicker between different sprites
I can relate to rzubek, it literally starts flickering after I Instantiate a Point Light with shadows. No flickering until that light is...
Read more >Hiding the icon area in the menu | Infragistics Forums
If move the mouse back and forth over the boundary between "three" and "A ", you'll find a spot where the fly-out menu...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

seems to be fixed now
I can’t reproduce this on
1.3.230502000.https://github.com/microsoft/microsoft-ui-xaml/assets/48759429/174c8fbb-6d7e-4aa3-beba-cdf03671c941