[css-values-4] Large, small and dynamic viewport units (lvh, svh & dvh) don't solve top level horizontal scrolling use cases #6551
Labels
Content-Length: 235265 | pFad | http://github.com/w3c/csswg-drafts/issues/6551
3F
Relevant Spec: https://drafts.csswg.org/css-values-4/#viewport-variants
Imagine an empty page styled with:
Currently, on desktop it renders with only a horizontal scrollbar, like so:
But of course on mobile with retractable chrome, this is problematic:
Ideally, this could be solved using a solution such as:
This would work on mobile; however, the spec currently states that:
So on desktop, you'd get the frustrating effect of a horizontal scrollbar, like so:
When used throughout the document, I understand the scrollbars limitation is for a good reason: #6026 (comment). Irrespective of whether this general limitation can be overcome in level 4, surely the root element is a special case where a reasonable solution can be found? If not investigated now while a large number of new units are being specified, would it become too complex later?
The text was updated successfully, but these errors were encountered: