Fixed the FlexLayout reverse issue with the AlignContent #32134
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
|
Hey there @@Ahamed-Ali! 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
|
/azp run |
|
Azure Pipelines successfully started running 3 pipeline(s). |
jsuarezruiz
requested changes
Oct 22, 2025
There was a problem hiding this comment.
Pull Request Overview
This PR fixes a FlexLayout positioning bug where children were incorrectly positioned when using Wrap = Reverse combined with AlignContent set to SpaceAround, SpaceBetween, or SpaceEvenly. The fix reorders the reverse layout calculations to occur after child positioning rather than before.
Key Changes:
- Moved the
layout.reverse2block inFlex.csto execute after child positioning instead of before - Added comprehensive UI tests covering all three affected
AlignContentvalues
Reviewed Changes
Copilot reviewed 3 out of 15 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
src/Core/src/Layouts/Flex.cs |
Moved reverse layout calculation block after child positioning to use correct reference points |
src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue31565.cs |
Added NUnit tests for SpaceAround, SpaceBetween, and SpaceEvenly scenarios |
src/Controls/tests/TestCases.HostApp/Issues/Issue31565.cs |
Added interactive test page demonstrating the FlexLayout reverse alignment fix |
|
/azp run |
|
Azure Pipelines successfully started running 3 pipeline(s). |
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.
Note
Are you waiting for the changes in this PR to be merged?
It would be very helpful if you could test the resulting artifacts from this PR and let us know in a comment if this change resolves your issue. Thank you!
Root Cause of the issue
Description of Change
Issues Fixed
Fixes #31565
Tested the behaviour in the following platforms
Screenshot
FlexLayoutissue.mov
FlexLayoutFix.mov