overflow: overlayLimited availability
The overflow: overlay CSS declaration is an alias to overflow: auto. Historically, it caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space.
Not yet supported in all major browsers — check the table and provide a fallback.
Discouraged: Some old browsers may implement non-standard behavior for overflow: overlay. Use instead: overflow
Browser support
DesktopChrome
1–113Not supported
114+Supportedsince May 30, 2023
Current: 155Edge
12–113Not supported
114+Supportedsince Jun 2, 2023
Current: 154Firefox
1–111Not supported
112+Supportedsince Apr 11, 2023
Current: 157Safari
1–11.1Not supported
12+Supportedsince Sep 17, 2018
Current: 27MobileChrome Android
18–113Not supported
114+Supportedsince May 30, 2023
Current: 155Firefox Android
4–111Not supported
112+Supportedsince Apr 11, 2023
Current: 157Safari iOS
1–11.3Not supported
12+Supportedsince Sep 17, 2018
Current: 27How to use
Support is still inconsistent across browsers. Use feature detection and test carefully.
Example
Full syntax and examples are on MDN — see the links below.
Feature detection
There’s no simple runtime check for this feature; rely on the support table and test in your target browsers.