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.

Shadows on Flyout flicker upon opening

See original GitHub issue

Describe 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

  1. 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

  1. Define your controls in an empty Window the following way:
<Grid>
        <MenuBar>
            <MenuBarItem Title="File">
                <MenuFlyoutItem Text="Open"/>
            </MenuBarItem>
        </MenuBar>
</Grid>
  1. Run the application
  2. Click the MenuBarItem and observe the shadow flickering

Expected behavior

The shadow is expected to remain visible throughout all stages of its animation.

Screenshots

https://user-images.githubusercontent.com/48759429/185805788-ceee788a-08c1-4603-bbe1-81cb6af8d4db.mp4

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:closed
  • Created a year ago
  • Reactions:2
  • Comments:7

github_iconTop GitHub Comments

1reaction
cyberrex5commented, Apr 13, 2023

seems to be fixed now

0reactions
Aurumaker72commented, May 14, 2023

The issue is still reproducing for MenuFlyoutSubItem, it should be reopened.

I can’t reproduce this on 1.3.230502000.

https://github.com/microsoft/microsoft-ui-xaml/assets/48759429/174c8fbb-6d7e-4aa3-beba-cdf03671c941

Read more comments on GitHub >

github_iconTop 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 >

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