Skip to content

RTL FlowDirection causes overlap with native window control buttons on TitleBar (Windows & macOS) #3

@devanathan-vaithiyanathan

Description

Description

When FlowDirection="RightToLeft" is set on the TitleBar in a .NET MAUI app, the layout is reversed as expected. However, the Title, LeadingContent, Content, or TrailingContent may overlap with the native window control buttons (Minimize, Maximize, Close) on both Windows and macOS.

This creates a visual and interaction issue, especially in Right-to-Left (RTL)

Expected Behavior
The TitleBar contents should respect the native window chrome layout and automatically avoid overlapping the system window buttons, even when FlowDirection="RightToLeft" is applied.

Steps to Reproduce

1.Create a .NET MAUI app with a TitleBar and set FlowDirection="RightToLeft".
2.Add Title, LeadingContent, or Content to the TitleBar.
3.Run on Windows or macOS (Catalyst).
4.Observe the overlap with native system buttons.

Sample Code
<Window ... FlowDirection="RightToLeft">
<Window.TitleBar>

<TitleBar.Title>

</TitleBar.Title>
<TitleBar.Content>

</TitleBar.Content>

</Window.TitleBar>

Link to public reproduction project repository

No response

Version with bug

10.0.0-preview.5

Is this a regression from previous behavior?

No, this is something new

Last version that worked well

Unknown/Other

Affected platforms

macOS, Windows

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions