Plugin causes Layout Shift with Theme

  • Resolved reiseblitz

    (@reiseblitz)


    4 years, 11 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, 11 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, 11 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, 11 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, 11 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, 11 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, 11 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.