Skip to content
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

iOS CollectionView items overlap when their content is resized #21337

Closed
claytonone opened this issue Mar 20, 2024 · 2 comments
Closed

iOS CollectionView items overlap when their content is resized #21337

claytonone opened this issue Mar 20, 2024 · 2 comments
Labels
area-controls-collectionview CollectionView, CarouselView, IndicatorView delighter-sc platform/iOS 🍎 t/bug Something isn't working
Milestone

Comments

@claytonone
Copy link

claytonone commented Mar 20, 2024

Description

If the size of an iOS CollectionView item increases then it will overlap the item below it. This issue does not occur on Android.

Simulator Screenshot - iPhone SE (3rd generation) - 2024-03-20 at 15 29 55

Steps to Reproduce

  1. Add a CollectionView with a DataTemplate
  2. Increase the size of any item in the list
  3. See that the it overlaps the item below it

Link to public reproduction project repository

https://github.com/claytonone/MauiCollectionViewResizeBug/tree/main/iOSCollectionViewBug

Version with bug

8.0.10 SR3

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

No

Relevant log output

No response

@claytonone claytonone added the t/bug Something isn't working label Mar 20, 2024
@Redth
Copy link
Member

Redth commented Mar 20, 2024

Seems like when a control causes the layout (I tested both with the VerticalStackLayout as well as a Grid wrapping the Label in the item template) to grow, the layout isn't notifying the platform view or the cell to be resized.

If you remove the layout from the item template and just have the Label:

<DataTemplate x:DataType="local:Item">
  <Label Text="{Binding Content}" FontSize="16" Padding="10" TextColor="Grey" />
</DataTemplate>

Then the content seems to adjust properly.

@Redth Redth added platform/iOS 🍎 area-controls-collectionview CollectionView, CarouselView, IndicatorView labels Mar 20, 2024
@Redth Redth added this to the Backlog milestone Mar 20, 2024
@Redth
Copy link
Member

Redth commented Mar 20, 2024

Duplicate of #21141

@Redth Redth marked this as a duplicate of #21141 Mar 20, 2024
@Redth Redth closed this as completed Mar 20, 2024
@github-actions github-actions bot locked and limited conversation to collaborators Apr 20, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-controls-collectionview CollectionView, CarouselView, IndicatorView delighter-sc platform/iOS 🍎 t/bug Something isn't working
Projects
Status: Done
Development

No branches or pull requests

3 participants