UICollectionViewCompositionalLayout incorrect item size

Question

I'm currently facing an issue with compositional layout which can also be seen in Apple's example -> ConferenceNewsFeedViewController. The item height is set to .estimated(100) and the width is set to .fractionalWidth(1.0). On the initial display the cell is not wrapping the label content. Only if you begin to scroll the layout of the cells are corrected. Does anybody know how to fix this issue?

Here is the incorrect layout:

Here is the layout after scrolling:

I know that it can be "fixed" with the following, but this feels more like a dirty work around:

DispatchQueue.main.async {
            self.collectionView.collectionViewLayout.invalidateLayout()
        }

Any help to this is appreciated.

Best, Carsten

Hey Carsten, do you know if this issue is still unresolved by Apple? Is there a radar ticket somewhere I can follow? I'm seeing this with Xcode 12.5 and iOS 14.6 after not having this issue with previous versions. Thanks — dank_muffin, Aug 15 '21 at 20:06
The bug is definitely still present (Xcode 14.2, iOS 16.2). All signs suggest that UICollectionViewCompositionalLayout is not production ready, unfortunately. — , Jan 24 '23 at 20:06

score 0 · Answer 1 · answered Dec 06 '22 at 09:41

I've spent days looking into this issue, trying everything I could find and think of.

Some other cells in the collection view were self sizing just fine, only a couple didn't. They had similar layout and content logic. The thing that miraculously made it work was removing the prepareForReuse() method from the collection view cell.

score -1 · Answer 2 · answered Jun 23 '21 at 12:36

I've been facing the same issue myself. In my case, I have the following setup:

CellSubclass: UICollectionViewListCell
- CellContentView: UIContentView

in my CellContentView, I've overridden the layoutSubviews as such:

override func layoutSubviews() {
    super.layoutSubviews()
    invalidateIntrinsicContentSize()   
}

There are still some minor glitches sometimes, but this is better than having the wrong layout on load.

score -3 · Answer 3 · answered Oct 13 '20 at 13:01

-3

you can use this method for set size for your cells.

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: width, height: height)

}

answered Oct 13 '20 at 13:01

Parvin Mehrabani

3
2

I want to use compositional layout with self sizing cells. Setting an explicit size will not help here – Carsten Oct 13 '20 at 13:03

UICollectionViewCompositionalLayout incorrect item size

3 Answers3