Skip to content

[Windows, Mac] RTL FlowDirection causes overlap with native window control buttons in TitleBar #30399

@HarishKumarSF4517

Description

@HarishKumarSF4517

Description

When applying FlowDirection="RightToLeft" to a .NET MAUI TitleBar, the layout direction reverses as expected. However, this introduces a critical UI issue — the Title, LeadingContent, Content, and TrailingContent elements may overlap with the native window controls (Minimize, Maximize, Close) on both Windows and macOS Catalyst platforms.

Output:

Image

Steps to Reproduce

  1. Launch the application using the given sample - TitleBar.zip

  2. Run the application in Windows and Mac platform

Expected Behavior:

  • The TitleBar content should be repositioned or padded accordingly when in RightToLeft mode to avoid clashing with the system-level window buttons.

Actual Behavior:

  • FlowDirection="RightToLeft" mirrors the layout visually.
  • However, the mirrored content is not offset, causing it to draw over window control buttons.
  • This can block user interaction or make buttons partially/incompletely visible.

Link to public reproduction project repository

No response

Version with bug

10.0.0-preview.5

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

No response

Affected platforms

Windows, macOS

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions