EPISODE · Jan 19, 2026 · 35 MIN
CSS Overflow Module Level 3
from Blink286 · host Free Debreuil
CSS Overflow Module Level 3 introduces more precise ways to manage content that exceeds an element's boundaries, building upon previous standards with new properties and values. A primary addition is the overflow: clip value, which differs from hidden by preventing all scrolling, including programmatic adjustments via JavaScript. To accompany this, the overflow-clip-margin property allows developers to extend the clipping area beyond the padding box, ensuring visual effects like shadows are not abruptly cut off. The module also standardizes logical properties like overflow-inline and overflow-block to better support diverse writing modes and vertical layouts. Furthermore, the scrollbar-gutter property is introduced to prevent layout shifts by reserving space for scrollbars regardless of their visibility. These updates aim to resolve long-standing interoperability issues across browsers while improving the accessibility and visual control of web layouts.
What this episode covers
CSS Overflow Module Level 3 introduces more precise ways to manage content that exceeds an element's boundaries, building upon previous standards with new properties and values. A primary addition is the overflow: clip value, which differs from hidden by preventing all scrolling, including programmatic adjustments via JavaScript. To accompany this, the overflow-clip-margin property allows developers to extend the clipping area beyond the padding box, ensuring visual effects like shadows are not abruptly cut off. The module also standardizes logical properties like overflow-inline and overflow-block to better support diverse writing modes and vertical layouts. Furthermore, the scrollbar-gutter property is introduced to prevent layout shifts by reserving space for scrollbars regardless of their visibility. These updates aim to resolve long-standing interoperability issues across browsers while improving the accessibility and visual control of web layouts.
NOW PLAYING
CSS Overflow Module Level 3
No transcript for this episode yet
Similar Episodes
No similar episodes found.
Similar Podcasts
No similar podcasts found.