Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support for CSS3 overflow-x and overflow-y properties #1665

Closed
art-solopov opened this issue Jun 16, 2015 · 31 comments
Closed

Support for CSS3 overflow-x and overflow-y properties #1665

art-solopov opened this issue Jun 16, 2015 · 31 comments

Comments

@art-solopov
Copy link

@art-solopov art-solopov commented Jun 16, 2015

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y

@cvrebert
Copy link
Contributor

@cvrebert cvrebert commented Jun 21, 2015

http://dev.w3.org/csswg/css-overflow/ (CSS Overflow Module Level 3)

@FireCoding
Copy link

@FireCoding FireCoding commented Nov 16, 2015

+1

@phillq
Copy link

@phillq phillq commented Feb 22, 2016

+1
Don't know why this isn't already added? Anyone knows why? It's quite a popular feature.

@Schweinepriester
Copy link
Contributor

@Schweinepriester Schweinepriester commented Mar 1, 2016

+1

@phillq maybe because the basic functionality is quite old?

@350d
Copy link

@350d 350d commented Apr 13, 2016

+1

3 similar comments
@ghost
Copy link

@ghost ghost commented Apr 21, 2016

+1

@charleskoehl
Copy link

@charleskoehl charleskoehl commented Apr 24, 2016

+1

@Javid-Izadfar
Copy link

@Javid-Izadfar Javid-Izadfar commented Jun 21, 2016

+1

@hallvors
Copy link

@hallvors hallvors commented Jun 25, 2016

+1 :)

@xrochoa
Copy link

@xrochoa xrochoa commented Jul 13, 2016

+1

7 similar comments
@artfulrobot
Copy link

@artfulrobot artfulrobot commented Jul 14, 2016

+1

@TheBigMost
Copy link

@TheBigMost TheBigMost commented Aug 12, 2016

+1

@system-addict
Copy link

@system-addict system-addict commented Sep 11, 2016

+1

@s-leger
Copy link

@s-leger s-leger commented Oct 9, 2016

+1

@rohozhnikoff
Copy link

@rohozhnikoff rohozhnikoff commented Jan 13, 2017

+1

@SimonMARTIN87
Copy link

@SimonMARTIN87 SimonMARTIN87 commented Feb 22, 2017

+1

@Kinifwyne
Copy link

@Kinifwyne Kinifwyne commented Mar 23, 2017

+1

@webmasterMeyers
Copy link

@webmasterMeyers webmasterMeyers commented May 25, 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.

@theUtilitariat
Copy link

@theUtilitariat theUtilitariat commented Jul 6, 2017

+1

1 similar comment
@ClaudioFloreani
Copy link

@ClaudioFloreani ClaudioFloreani commented Jul 13, 2017

+1

@csaetre
Copy link

@csaetre csaetre commented Aug 7, 2017

+1
Firefox (Gecko) still seems to handle overflow-y:scroll differently (or not at all) on certain elements.

@rosebrt
Copy link

@rosebrt rosebrt commented Sep 12, 2017

+1

@holtjohnson
Copy link

@holtjohnson holtjohnson commented Oct 19, 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.

@lembitk
Copy link

@lembitk lembitk commented Jan 7, 2018

+1

1 similar comment
@diogocorrea
Copy link

@diogocorrea diogocorrea commented Mar 7, 2018

+1

@jonathantneal
Copy link

@jonathantneal jonathantneal commented May 1, 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

@chrisblakley
Copy link

@chrisblakley chrisblakley commented May 6, 2018

+1

1 similar comment
@jasonrhaddix
Copy link

@jasonrhaddix jasonrhaddix commented May 17, 2018

+1

@JohnPostlethwait
Copy link

@JohnPostlethwait JohnPostlethwait commented Sep 29, 2018

+1

@Fyrd Fyrd mentioned this issue Oct 16, 2018
@Fyrd
Copy link
Owner

@Fyrd Fyrd commented Oct 28, 2018

Now available at https://caniuse.com/#feat=css-overflow

@Fyrd Fyrd closed this Oct 28, 2018
jonathantneal referenced this issue in csstools/cssdb Oct 29, 2018
@ghost
Copy link

@ghost ghost commented Mar 4, 2019

+1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet