Utilities
Overflow
Override Toolkit's default overflow behaviour for individual use cases.
Dependencies
🔗
As
browsers interpret vw
differently,
some full-width (100vw
) UI components can cause unwanted horizontal scrolling.
To avoid this problem, Toolkit hides horizontal overflow by default in
sky-toolkit-core/generic/overflow.
To override this default behaviour for individual use cases, we provide the following utility:
<div class="u-overflow-x-scroll">
I'm an element with a scrollable x-axis.
</div>