CLS and sticky

Posted in: Newspaper
Post count: 236

Hi, I’m noticing some problems with CLS (Cummulative Layout Shift) on columns with “position: sticky” active.
It seems that the “sticky” gives CLS problems with your theme, every time I scroll from extreme top to extreme bottom, and from extreme bottom to extreme top.
Maybe because it is entered via php / jquery code?
Let me give you an example of an important Italian newspaper that does not have this CLS problem, or in any case does not increase the CLS every time you scroll from top to bottom and vice versa.
Here:
https://www.corriere.it/

The Google Chrome plugin to analyze the CLS I use is this:
https://chrome.google.com/webstore/detail/core-web-vitals/adeniimnihmbpgpbljmnohjpoolmgabj

I await support:
Thank you

Post count: 21065

Hello!

This issue has been already discussed in this topic here: https://forum.tagdiv.com/topic/cumulative-layout-shift-issues-in-search-console-for-newsmag-theme/

Thank you!

Post count: 236

Hi Bettina, in the link you sent me there are other links, I have read all the discussions. I didn’t understand if you still need to remove the code manually or if this code has been removed after the updates (the thread is from July 2020).
I mean this code:
https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/#post-354535

Anyway, my problem is: why if I set the sticky to a column it increases the CLS, instead I can see the same function on some sites without the CLS being increased?
Perhaps you should consider developing a different way of handling the “sticky” function (I think at the moment this is done with jQuery).

Post count: 236

Maybe this problem is fixed in version 90 of Chrome?
https://chromium-review.googlesource.com/c/chromium/src/+/2665761

Post count: 236

I confirm. I tried Chrome version 90 and the problem is solved.
We can use the sticky with newspaper theme.
Thanks for support

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.