[Windows] Fix Shell title bar overlap with window controls in RTL mode #33109
+104
−0
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
Contributor
|
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
Tamilarasan-Paranthaman
added
platform/windows
area-controls-shell
3 tasks
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.
Issue Details
When Shell.FlowDirection is set to RightToLeft on Windows, the Shell title and hamburger menu overlap with native window control buttons (minimize, maximize, close) because the content mirrors to RTL while title bar buttons remain on the right side.
Root Cause
Windows title bar buttons stay fixed on the right side by default, but Shell UI elements (title, hamburger menu) mirror to the right in RTL mode, causing visual overlap and making window controls unusable.
Description of Change
Applied WS_EX_LAYOUTRTL extended window style flag to mirror the entire window including title bar buttons to the left side, and set WindowRootView.FlowDirection to properly handle WinUI content layout, ensuring all elements move together consistently in RTL mode without overlap.
Validated the behavior in the following platforms
Issues Fixed
Fixes #32476
Output ScreenShot