Description of the issue:
We’re building our website using full-height sections. I’ve experimented with height-units and settled on using svh as a constant to use for each section. As I read the w3c definition of the “small viewport” that svh refers to, this should be a fixed value.
Why does it change on brave mobile? It leads to excessive layout shift on the page - only in brave, not in Safari or Chrome.
W3C:
small viewport
The small viewport-percentage units (sv*) are defined with respect to the small viewport size: the viewport sized assuming any UA interfaces that are dynamically expanded and retracted to be expanded. This allows authors to size content such that it can fit within the viewport even when such interfaces are present, noting that such content might not fill the viewport when such interfaces are retracted.
The sizes of the small viewport-percentage units are fixed (and therefore stable) unless the viewport itself is resized.
Source: https://www.w3.org/TR/css-values-4/#small-viewport-size
Exact URL of the website in question:
Did the issue present with default Shields settings? (yes/no)
Yes
Does the site function as expected when Shields are turned off?
No
Is there a specific Shields configuration that causes the site to break? If so, tell us that configuration. (yes/no):
No
Does the site work as expected when using Chrome?
Yes
Brave version (check About Brave):
1.65 (122)