UICollectionView scrollToItem brok… | Apple Developer Forums

Developer Forums

Hi all,

since iOS 14, UICollectionView's scrollToItem(at:at:animated:) method is broken under certain circumstances.

The setup

I'm using UICollectionViewCompositionalLayout to define two sections. The first section scrolls horizontally and also has a section header configured:

Code Block swiftsection.orthogonalScrollingBehavior = .paging
let header = NSCollectionLayoutBoundarySupplementaryItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .absolute(44)), elementKind: "header", alignment: .top)
section.boundarySupplementaryItems = [header]

The behavior

Depending on different settings for section.orthogonalScrollingBehavior I observe the following:

scrollToItem

does not work if orthogonalScrollingBehavior is .paging, .groupPaging, .groupPagingCentered ❌
does work if orthogonalScrollingBehavior is .continuous or .continuousGroupLeadingBoundary ✅
does work if I don't add the header to the section ✅
does work if the header's height is .absolute(0) ✅
does work if the header's alignment is .bottom (i.e. if the section's boundarySupplementaryItem is a footer instead of a header) ✅

=> As soon as there's a view taking up vertical space before the section scrollToItem does not work (if supplied with an IndexPath for that particular section)

Anyone any ideas what might cause this? There's no problem on iOS 13.x.

iOS
UIKit

11k

Posted by

mcmaurberger

Reply

Replies

Same problem here. I made onboarding screen using collection view without any supplementary items with orthogonalScrollingBehavior = .groupPagingCentered, and scrollToItem(at:at:animated:) doesn't work on iOS 14, but works fine on iOS 13. Thanks for temporary solution with .continuousGroupLeadingBoundary, but I hope it would be fixed in iOS 14.1+

Posted by

LevLevLev

Same here. I hope it gets fixed soon.

Posted by

dkim88

iOS 14.1 does not fix it.

Posted by

dkim88

Since iOS 14.1 does not fix it, I am sharing a work around solution that I am using.

create a boolean flag and set orthogonalScrollingBehavior as following:

Code Block swiftorthogonalScrollingBehavior = flag ? .continuousGroupLeadingBoundary :  .groupPagingCentered

2. call scrollToItem like this:

Code Block swiftflag = true
collectionView.collectionViewLayout.invalidateLayout()
collectionView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: false)
flag = false
collectionView.collectionViewLayout.invalidateLayout()

Posted by

dkim88

Thanks a lot! It helped me on iOS 15.5, because it seems that bug still not fixed

—
OlenaS

Still the same on iOS 14.2

Posted by

LevLevLev

Hi, i had a same issue with collection view on iOS 14 and i found out, if you have paging enabled on your collection view, method scrollToItem will do nothing. Workaround for this is to set paging on false before this method and then turn it back to true.

self.collectionView.isPagingEnabled = false
self.collectionView.scrollToItem(at: indexPath, at: .left, animated: false)
self.collectionView.isPagingEnabled = true

This is temporary solution for this bug on iOS14. Hope this will help someone and save their time :)

Posted by

ahalilovic

This solved the problem for me, thanks for this clue!

—
EnderBurks
Yes It is working fine. thanks team.

—
sumit108

self.collectionView.layoutIfNeeded()
self.collectionView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: false)

Solve the problem for me.

Posted by

DelphineGarcia

This solved the problem for me, thanks for this clue!

—
mervewhocodes

Is this fixed in 14.4? Is this bug found on iOS only? Is it applied to tvOS as well?

Posted by

quoctuan

Not fixed in 14.4

Posted by

si-design

Not fixed in 14.5 RC

Posted by

alexcding

Not fixed iOS 14.5, Xcode 12.5.

I use this behavior until fix:

self.collectionView.isPagingEnabled = false
self.collectionView.scrollToItem(at: indexPath, at: .left, animated: false)
self.collectionView.isPagingEnabled = true

Posted by

ataetgi

Hi All

Where we have to put this code?

self.collectionView.isPagingEnabled = false
self.collectionView.scrollToItem(at: indexPath, at: .left, animated: false)
self.collectionView.isPagingEnabled = true

In my scenario, Let's suppose there are 5 items to show in Collection View Horizontally and we navigate to another screen, where we make some setting change. Due to this server response will change.

When we come back on Collection View Screen and make api call for getting updated data but collection views are not updating. It's show old cell and due to this app gets crash, because we are getting updated data from server.

I called colletionview.reloadData() when get response from server and inside collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) method getting indexPath.row value old one and not updated.

This problem is only on iOS 14.5 version. On old versions app working fine.

Thanks
Gaurav

Posted by

dgaurav

Seems to be fixed for me with iOS 15 SDK (Xcode 13 required).

Moreover, it's started to work on iOS 14 too (tested on iOS 14.5 Simulator for iPad Pro 9.7 inch, iPhone 8, iPhone 11). I recommend to test this issue again on Xcode 13 and remove workarounds if it works for you too.

Posted by

LevLevLev

This worked for me. didEndDisplaying denotes collectionView is now ready to scroll

firstTimeScrollClosure = {
    collectionView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: false)
}

func collectionView(_ collectionView: UICollectionView, didEndDisplaying cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
        firstTimeScrollClosure?()
        firstTimeScrollClosure = nil
}

Posted by

chanonly123