Weird rendering bug in Chrome iOS

[bennyhagen (Bence Lőcsei)]

Hey guys,

I’m experiencing some weird behavior on one of my pages. My client made a video showing what’s happening (starts at 1:10)

https://drive.google.com/open?id=1RgsljAB9rm4gRFxJvpWIKOpQHk_emm6O

The problem is on the main page, here’s the public link:
https://preview.webflow.com/preview/sweatflex?preview=41c726ad4df9a06f790d2db40c7edd75

This seems to only appear on iOS Chrome. It’s fine on Android Chrome and it’s fine on iOS Safari and apparently in every other browser too.

Does anyone have any idea what’s going on here?

Thank you!
Ben

[vincent (Webflow Expert)]

Interesting.

My Webflow sites do this too with Chrome iOS. I never noticed.

It’s honestly only a bit disturbing when you scroll down very very slowly. Most of the time with a normal scroll it’s unnoticeable.

[bennyhagen (Bence Lőcsei)]

Yeah I just started noticing it too, it happes to every website where an element’s height is set in %. When the URL bar disappears it changes the stage height and the element adopts, so everything below it will get repositioned. Interestingly enough Safari for iOS has the same functionality but somehow they managed to do it in a way that doesn’t affect the page.

I guess it’s something we’ll have to live with for now.