Skip to content

[iOS, Mac Catalyst] Shell Flyout and Content Do Not Fully Support RightToLeft (RTL) #32419

@NafeelaNazhir

Description

@NafeelaNazhir

Description

When applying FlowDirection="RightToLeft" in a .NET MAUI Shell, the layout is not fully mirrored as expected on iOS and Mac Catalyst.
Two related issues were identified in RTL mode:

Issue 1. Content Layout Issue:
When setting FlowDirection="RightToLeft" for shell, only Shell elements such as the flyout menu icon respect the direction. However, the Shell content (e.g., Label and page content) continues to render LeftToRight on iOS and Mac Catalyst.

Expected Output Actual Output
Image Image

Issue 2. Flyout Layout Issue:
When FlowDirection is set to RightToLeft, the flyout layout and item alignment do not properly updated when FlyoutBehavior="Locked".

Expected Output iOS Catalyst
Image Image Image

Steps to Reproduce

  1. Issue 1
  • Set FlowDirection="RightToLeft".
  • Observe both the Flyout and page content alignment.
  • Refer to the above image for the expected output.
  1. Issue 2
  • Set FlowDirection="RightToLeft".
  • Set FlyoutBehavior="Locked".
  • Observe the Flyout menu icon, Flyout item alignment, and page content layout.
  • Refer to the above image for the expected output.

Sample: RTLIssue 2.zip

Link to public reproduction project repository

No response

Version with bug

10.0.0-rc.2

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

No response

Affected platforms

iOS, macOS

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Labels

    area-controls-shellShell Navigation, Routes, Tabs, Flyoutpartner/syncfusionIssues / PR's with Syncfusion collaborationplatform/ioss/triagedIssue has been revieweds/verifiedVerified / Reproducible Issue ready for Engineering Triaget/bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions