Caniuse: Support for CSS3 overflow-x and overflow-y properties
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y
art-solopov
All 31 comments
http://dev.w3.org/csswg/css-overflow/ (CSS Overflow Module Level 3)
cvrebert
on 21 Jun 2015
+1
FireCoding
on 16 Nov 2015
+1
Don't know why this isn't already added? Anyone knows why? It's quite a popular feature.
phillq
on 22 Feb 2016
+1
@phillq maybe because the basic functionality is quite old?
Schweinepriester
on 1 Mar 2016
+1
350d
on 13 Apr 2016
+1
ghost
on 21 Apr 2016
+1
charleskoehl
on 24 Apr 2016
+1
Javid-Izadfar
on 21 Jun 2016
+1 :)
hallvors
on 25 Jun 2016
+1
xrochoa
on 13 Jul 2016
+1
artfulrobot
on 14 Jul 2016
+1
TheBigMost
on 12 Aug 2016
+1
system-addict
on 11 Sep 2016
+1
s-leger
on 9 Oct 2016
+1
rohozhnikoff
on 13 Jan 2017
+1
SimonMARTIN87
on 22 Feb 2017
+1
Kinifwyne
on 23 Mar 2017
+1 this is supported is it not? I thought it was, then I double checked on caniuse and now I am not so sure. w3schools shows it is supported.
webmasterMeyers
on 25 May 2017
+1
theUtilitariat
on 6 Jul 2017
+1
ClaudioFloreani
on 13 Jul 2017
+1
Firefox (Gecko) still seems to handle overflow-y:scroll differently (or not at all) on certain elements.
csaetre
on 7 Aug 2017
+1
rosebrt
on 12 Sep 2017
For anyone who doesn't want to read through the spec sheets to figure out what CSS overflow Level 3 is, I read through them and this is what I got.
According to the spec sheets, overflow was defined in CSS Level 2.1 but didn't explicitly include overflow-x and overflow-y. Those were apparently added by browser developers. Level 3 aims to officially set the standard rules for these properties and add a new property called max-lines. From the intro to Level 3, I quote:
This specification introduces the long-standing de-facto overflow-x and overflow-y properties, and defines overflow handling more fully. - Link
The max-lines property doesn't appear fully defined at the moment, but the heading describes it as:
Limiting Number of Visible Text Lines - Link
CSS overflow Level 3 spec [draft]: https://drafts.csswg.org/css-overflow-3/
CSS overflow Level 2.1 spec: https://www.w3.org/TR/CSS2/visufx.html#overflow
P.S. There also appears to be a Level 4 spec draft, but it acknowledges that Level 3 is still a draft and must be finished first.
CSS overflow Level 4 spec [draft]: https://drafts.csswg.org/css-overflow-4/
P.P.S. Also see @jonathantneal's comment below about a detail I overlooked in the Level 3 spec.
holtjohnson
on 19 Oct 2017
+1
lembitk
on 7 Jan 2018
+1
diogocorrea
on 7 Mar 2018
The CSS Overflow Module Level 3 specification has also changed the definition of overflow to allow 2 values: https://drafts.csswg.org/css-overflow-3/#propdef-overflow
html {
overflow: hidden auto;
}
Available in Chrome 68.
Available in Firefox 61.
Issue tracker for WebKit.
Issue tracker for Edge.
Additional resources:
PostCSS Plugin
jonathantneal
on 1 May 2018
+1
chrisblakley
on 6 May 2018
+1
jasonrhaddix
on 17 May 2018
+1
JohnPostlethwait
on 29 Sep 2018
Now available at https://caniuse.com/#feat=css-overflow
Fyrd
on 29 Oct 2018
+1
ghost
on 4 Mar 2019
Related issues
greigs
路
3Comments
SteveALee
路
3Comments
SanderMuller
路
3Comments
36degrees
路
3Comments
rogeriotaques
路
3Comments
Most helpful comment
The CSS Overflow Module Level 3 specification has also changed the definition of
overflowto allow 2 values: https://drafts.csswg.org/css-overflow-3/#propdef-overflowAvailable in Chrome 68.
Available in Firefox 61.
Issue tracker for WebKit.
Issue tracker for Edge.
Additional resources:
PostCSS Plugin