Plugin causes Layout Shift with Theme

Resolved reiseblitz
(@reiseblitz)

4 years, 10 months ago

Hello,

I keep having a peculiar issue with your plugin which has only started to occur recently. My theme (Newspaper by tagdiv) offers a login form which I don’t use and have thus deactivated in the Theme settings. However, when loading a blogpost (it doesn’t happen on pages) both on mobile and desktop the theme’s login form, despite being disabled, is shown unstyled for a few milliseconds before it disappears again.

This causes a strong layout shift which now impacts my Google Core Web Vitals CLS value massively.

After deactivating all plugins and reactivating them one by one I could track that issue down to PublishPress Blocks. As soon as I deactivate it, the issue is gone. Currently, I only use the Accordion block and on blog posts that don’t have one, the issue doesn’t occur either. Hence, I suspect it must have to do with that somehow. However, I am out of ideas.

Would you have any idea how to fix this?

Thank you very much and kind regards,
Wolfgang

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Author htmgarcia
(@htmgarcia)

4 years, 9 months ago

Hi @reiseblitz,
I’m not able to see the layout shift. Is possible for you to share a screencast?

Thread Starter reiseblitz
(@reiseblitz)

4 years, 9 months ago

Hi @htmgarcia,

Thanks for getting back. I implemented a quick fix over the weekend by simply commenting out the login parts of my theme’s code. However, I would like to achieve an update-proof solution.

Hence, I have reproduced the issue in my staging environment, please find a screencast here: https://screenrec.com/share/TVfqiLb9DQ.

I hope this helps? If you need any further info, please let me know.

Thank you!

Plugin Author htmgarcia
(@htmgarcia)

4 years, 9 months ago

Thanks for sharing the screencast!

In your staging environment, if you switch to a core theme like Twenty Twenty One, can you reproduce the issue?

Regards

Thread Starter reiseblitz
(@reiseblitz)

4 years, 9 months ago

I have just tried and it doesn’t happen then. This seems logical to me as this login form is part of the theme (it can be used as a modal somehow – I’ve actually never tried it and had it always deactivated). From what I could figure with my limited programming knowledge so far is that the login form is always in the source code of the page but hidden when deactivated. Hence, I wondered if there might be some interference with the unfolding mechanism of the accordion?

If it helps for analysis, I can reactivate the uncommented lines in the live version.

Plugin Author htmgarcia
(@htmgarcia)

4 years, 9 months ago

Please send us a message through our support page with the URL of the staging site to preview the issue: https://publishpress.com/publishpress-support/ – Include the URL of this forum topic as reference.

Thread Starter reiseblitz
(@reiseblitz)

4 years, 9 months ago

Thanks, I have just sent the support request.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Plugin causes Layout Shift with Theme’ is closed to new replies.