Headline: Page jitters

[escapehatch]

Issue Summary

When viewing a page in Safari on iOS in landscape mode it begins to jump up & down.

Steps to Reproduce

View https://headline.ghost.io/design/ or similar in Safari on iOS

Ghost Version

Latest live version

Node.js Version

Latest live version

How did you install Ghost?

Latest live version on ghost.io

Database type

MySQL 5.7

Browser & OS version

Safari, iOS 16.4.1

Relevant log / error output

No response

Code of Conduct

• [X] I agree to be friendly and polite to people in this repository

[daniellockyer]

Hey @escapehatch, I can't seem to reproduce this issue using Safari on iOS 16.4.1. Would you be able to provide a video of it happening?

[github-actions[bot]]

Note from our bot: The needs:info label has been added to this issue. Updating your original issue with more details is great, but won't notify us, so please make sure you leave a comment so that we can see when you've updated us.

[escapehatch]

Hey @daniellockyer, here's a video showing the way the body text begins to jump up & down when scrolling down after a certain point. This is a recording using Firefox on an iPhone in landscape mode. https://github.com/TryGhost/Ghost/assets/7462465/86c746d6-8a62-41a7-b271-4797e293f49e

[minimaluminium]

Hey @escapehatch, thanks for providing a video. I couldn't reproduce the issue on iOS Firefox. Is this something you encounter randomly, or is this happening all the time when you visit the post?

[escapehatch]

Hey @minimaluminium it appears to be happening every time, have tried Headline as well as Journal theme, on Safari as well as on Firefox, both iOS. It only begins to jitter once you start scrolling down the page, past the initial block, only in landscape mode. Viewed on iPhone Pro Max screen. Same with Taste theme, https://taste.ghost.io/sweetened-condensed-milk-iced-coffee/

[mettamatt]

I can reproduce this in iOS 16.5 (iPhone 12 Pro Max) using Chrome and visiting https://edition.ghost.io/about/ When I turn the phone and enter landscape mode the text begins to jitter. I don't even need to scroll down.

When I visit https://headline.ghost.io/about/ & https://journal.ghost.io/about/ I saw the text jitters as well.