CLS Issue + Solution potential

I created an issue report here: https://github.com/ibericode/mailchimp-top-bar/issues/90

Thanks!

how long + – it takes them to fix and implement ?

It this time I can’t say yet when this will be implemented.

OK lap, thanks for trying.

also i encourage you to enter https://www.saveatrain.com/blog/ or https://www.saveatrain.com/blog/timezone/ and see how the screen jumps as soon as the top bar is inserted, and thus whats causing the CLS to spike

hello,
i wanted to check again if there is news on subject please?

how are you?
i wanted to see if you have a better time frame on this fix
have a great weekend

hello?

As a policy we do not publicly state release dates for new features.

hello lap,
any update on this topic, page insights scoring is becoming more and more important nowadays

Hello @saveatrain,

Due to the way the plugin works, preventing CLS altogether is very much impossible. The best way to guarantee no CLS is to use a bottom positioned bar instead.

What for your specific site would also help is to add the following line of CSS to your theme:

#mailchimp-top-bar input { line-height: initial !important; }

This resets the line-height of the email field in your Top Bar, which your theme sets to some really large value (increasing the CLS).

Hope that helps. Good luck!

Hi Danny,

I have put
#mailchimp-top-bar input{line-height:initial !important}

into the theme custom css, but still the CLS is above 0.1
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.saveatrain.com%2Fblog%2Ftrain-cfl%2F&tab=desktop

any other suggestions please?

The only other suggestion we can give is to put the bar on the bottom of the page instead of the top.

Kind regards

Hello guys,

I have same CLS issue.
Putting the bar on top or bottom makes no differences, CLS is still too high.

Do you intend to work on a fix or not ?

I think the issue is a mix of the theme + the top bar.
We do want to look into this at some point but it might be awhile before we can update the topbar plugin again and I’m not sure if we will be able to really fix this issue in ALL themes.

Kind regards,

I tried with three different themes.
Google PageSpeed says ‘”avoid non-composited animations”