Skip to content

Fixed the vertical orientation issue in the CarouselViewHandler2 on iOS #27273

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Feb 5, 2025

Conversation

Ahamed-Ali
Copy link
Contributor

Root Cause of the issue

  • The root cause of the issue was that the OrthogonalScrollingBehavior of the NsCollectionLayoutSection was previously set to GroupPagingCentered for both horizontal and vertical orientations. This behavior is designed for horizontal scrolling, which is why it only worked correctly for horizontal orientation.

Description of Change

  • For vertical orientation (IsHorizontal is false): The OrthogonalScrollingBehavior is now set to UICollectionLayoutSectionOrthogonalScrollingBehavior.None. This disables orthogonal scrolling, which is correct for vertical scrolling because we don't want horizontal paging in this case.

Issues Fixed

Fixes #27241

Tested the behaviour in the following platforms

  • Android
  • Windows
  • iOS
  • Mac

Screenshot

Before Issue Fix After Issue Fix
CarouselViewIssue.mov
CarouselViewFixed.mov

Copy link
Contributor

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 dotnet-policy-service bot added the community ✨ Community Contribution label Jan 22, 2025
@karthikraja-arumugam karthikraja-arumugam added the partner/syncfusion Issues / PR's with Syncfusion collaboration label Jan 22, 2025
@jsuarezruiz jsuarezruiz added the area-controls-collectionview CollectionView, CarouselView, IndicatorView label Jan 22, 2025
@jsuarezruiz
Copy link
Contributor

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@Ahamed-Ali Ahamed-Ali marked this pull request as ready for review January 23, 2025 04:37
@Copilot Copilot AI review requested due to automatic review settings January 23, 2025 04:37
@Ahamed-Ali Ahamed-Ali requested a review from a team as a code owner January 23, 2025 04:37
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot reviewed 7 out of 8 changed files in this pull request and generated 1 comment.

Files not reviewed (1)
  • src/Controls/tests/TestCases.HostApp/Issues/Issue27241.xaml: Language not supported

@jsuarezruiz
Copy link
Contributor

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

tj-devel709
tj-devel709 previously approved these changes Jan 27, 2025
@rmarinho
Copy link
Member

/rebase

@rmarinho
Copy link
Member

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@PureWeen
Copy link
Member

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@PureWeen
Copy link
Member

PureWeen commented Feb 4, 2025

/rebase

@PureWeen
Copy link
Member

PureWeen commented Feb 4, 2025

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@PureWeen
Copy link
Member

PureWeen commented Feb 5, 2025

@PureWeen PureWeen merged commit dd8fb7b into dotnet:main Feb 5, 2025
120 of 124 checks passed
@github-actions github-actions bot locked and limited conversation to collaborators Mar 8, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-controls-collectionview CollectionView, CarouselView, IndicatorView community ✨ Community Contribution partner/syncfusion Issues / PR's with Syncfusion collaboration platform/iOS 🍎
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[iOS] CarouselView2 does not render properly when using the Vertical orientation of the LinearItemsLayout
6 participants