[Windows] Fix unwanted corner radius in Shell flyout items #31937
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Hey there @@Shalini-Ashokan! Thank you so much for your PR! Someone from the team will get assigned to your PR shortly and we'll get it reviewed. |
dotnet-policy-service
bot
added
the
partner/syncfusion
jsuarezruiz
requested changes
Oct 9, 2025
| // It causes the content to not be flush up against the title bar | ||
| PaneContentGrid.Margin = new WThickness(0, 0, 0, 0); | ||
| UpdateMenuItemsContainerHeight(); | ||
| RootSplitView.CornerRadius = new UI.Xaml.CornerRadius(0); |
There was a problem hiding this comment.
Could be possible to apply the fix in the NavigationView Resources?
In that way, developers that would like to keep the previous behavior or override it, can do easily just creating single resources and not require to override classes.
There was a problem hiding this comment.
@jsuarezruiz, Thank you for the suggestion! After investigating WinUI's NavigationView template, I found that RootSplitView uses the OverlayCornerRadius resource key directly, and changing this global key would affect all overlay scenarios. Since there's no specific resource key for NavigationView's RootSplitView CornerRadius, the C# approach ensures we only target our specific NavigationView instance without impacting other UI elements.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Note
Are you waiting for the changes in this PR to be merged?
It would be very helpful if you could test the resulting artifacts from this PR and let us know in a comment if this change resolves your issue. Thank you!
Issue Details
Shell flyout items on Windows display unwanted corner radius styling when no explicit styling is applied.
Root Cause
NavigationView's RootSplitView container has a corner radius applied by default in the WinUI control template, which creates visual inconsistency.
Description of Change
Modified the default corner radius to zero by explicitly setting
RootSplitView.CornerRadius = new Microsoft.UI.Xaml.CornerRadius(0)in the MauiNavigationView.OnApplyTemplate() method.Validated the behavior in the following platforms
Issues Fixed
Fixes #17414
Output ScreenShot