Flyout should have a drop shadow
Nobody has claimed this yet.
- Dominant language
- C#
- Stars
- 9.6k
- Forks
- 1k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
I thought #1472 would resolve this, but the standard behavior of Flyout is still to lack a shadow. For example, in the Gallery app:
Contrast a similar Flyout from the WinUI 3 Gallery app:
To Reproduce
Take the Gallery's FlyoutPage; it exhibits the issue.
Expected behavior
There should be a drop shadow, similar to that in menus.
Screenshots
No response
OS version
Windows 11 25H2 26220.8340
.NET version
.NET 10
WPF-UI NuGet version
main at 829b019
Additional context
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Gallery app's FlyoutPage to reproduce the missing shadow, then inspect the standard Flyout styling and the related work in issue #1472. Compare its appearance with the menu shadow shown in the report; done means the standard Flyout displays a visible drop shadow like the WinUI 3 Gallery example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- csharp
- Domain
- design, desktop
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 67/100