100vh should be made constant on mobile

OS: iOS 14.6
Phone: iPhone 7
Brave: 1.27.1

Issue:
View Height CSS property is not constant when user scrolls up and Brave start showing bottom bar.
This approach is unlike Chrome and Safari.
In Chrome and Safari view height stays constant with a very good reason:
Responsive images set with let’s say 50vh would cause flickering when user scrolls and creates a really bad user experience, hence Chrome and Safari decided to keep the view height constant:

Reproduce:

Make a basic webpage that is long enough to be scrollable on Brave.

Add an image element that is responsively sized with 30vh somewhere on the page.

Scroll up and down and see how layout constantly shifts and creates a bad user experience.

Solution:
Implement the same solution used by Chrome and Safari on mobile. Brave’s approach doesn’t make much sense.

4 Likes

Excactly! Im facing similar issue, I try to create website but my layout just keeps shifting, growing/shrinking because of that funky dock, Might just switch back to safari for this reason.