No compatible source was found for this media. Tailwind CSS Overflow-x-scroll classTailwind CSS Overflow is a utility class that provides an effective way of handling the content that overflows the boundaries of its container. It provides a way to clip the content or add a scroll bar.Tailwind...
.modal-content { overflow-y: scroll; overflow-x: hidden; }Overflow: clipThe fifth possible value for the overflow property is clip. This allows you to clip the overflow content at the overflow edge:Using the overflow-clip-margin property, you can specify the distance by which an element, ...
The overflow-x property has four main values: visible, scroll, auto and hidden. If the overflow-y property is hidden, scroll or auto, and the overflow-x is visible by default, it will compute to auto. Initial Value visible Applies to Block-containers, flex containers and grid containers. ...
When using the dialog with content larger than the screen height, the dialog gets cut off on top and bottom without the ability to scroll. Steps to reproduce: Put component with height > screen height inside of Dialog. Intended behavior:...
overflow-x-hidden overflow-x: hidden; overflow-y-hidden overflow-y: hidden; overflow-x-clip overflow-x: clip; overflow-y-clip overflow-y: clip; overflow-x-visible overflow-x: visible; overflow-y-visible overflow-y: visible; overflow-x-scroll ...