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>