Skip to content

FlexLayout alignment issue when Wrap is set to Reverse and AlignContent is set to SpaceAround, SpaceBetween or SpaceEvenly #31565

@TamilarasanSF4853

Description

@TamilarasanSF4853

Description

When using FlexLayout with Wrap set to Reverse and AlignContent set to SpaceAround, SpaceBetween or SpaceEvenly, the child elements are not aligned or spaced as expected. Instead, the layout produces inconsistent spacing and misalignment.

Screen.Recording.2025-10-10.at.1.38.35.PM.mov

Steps to Reproduce

  1. Run the attached sample FlexLayoutIssue.zip
  2. Click the Reverse button.
  3. Select SpaceAround or SpaceBetween for AlignContent.
  4. Observe that the children are not aligned correctly.

Link to public reproduction project repository

No response

Version with bug

9.0.110 SR11

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Android, iOS, macOS, Windows

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Labels

    area-layoutStackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenterlayout-flexFlexLayout issuesplatform/androidplatform/iosplatform/windowss/triagedIssue has been revieweds/verifiedVerified / Reproducible Issue ready for Engineering Triage

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions