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 · 30 comments

Comments

Projects
None yet
@cvrebert

This comment has been minimized.

Contributor

cvrebert commented Jun 21, 2015

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

@FireCoding

This comment has been minimized.

FireCoding commented Nov 16, 2015

+1

@phillq

This comment has been minimized.

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

This comment has been minimized.

Contributor

Schweinepriester commented Mar 1, 2016

+1

@phillq maybe because the basic functionality is quite old?

@350d

This comment has been minimized.

350d commented Apr 13, 2016

+1

3 similar comments
@keeper0811

This comment has been minimized.

keeper0811 commented Apr 21, 2016

+1

@charleskoehl

This comment has been minimized.

charleskoehl commented Apr 24, 2016

+1

@Javid-Izadfar

This comment has been minimized.

Javid-Izadfar commented Jun 21, 2016

+1

@hallvors

This comment has been minimized.

hallvors commented Jun 25, 2016

+1 :)

@xrochoa

This comment has been minimized.

xrochoa commented Jul 13, 2016

+1

7 similar comments
@artfulrobot

This comment has been minimized.

artfulrobot commented Jul 14, 2016

+1

@TheBigMost

This comment has been minimized.

TheBigMost commented Aug 12, 2016

+1

@system-addict

This comment has been minimized.

system-addict commented Sep 11, 2016

+1

@s-leger

This comment has been minimized.

s-leger commented Oct 9, 2016

+1

@rohozhnikoff

This comment has been minimized.

rohozhnikoff commented Jan 13, 2017

+1

@SimonMARTIN87

This comment has been minimized.

SimonMARTIN87 commented Feb 22, 2017

+1

@Kinifwyne

This comment has been minimized.

Kinifwyne commented Mar 23, 2017

+1

@webmasterMeyers

This comment has been minimized.

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

This comment has been minimized.

theUtilitariat commented Jul 6, 2017

+1

1 similar comment
@ClaudioFloreani

This comment has been minimized.

ClaudioFloreani commented Jul 13, 2017

+1

@csaetre

This comment has been minimized.

csaetre commented Aug 7, 2017

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

@rosebrt

This comment has been minimized.

rosebrt commented Sep 12, 2017

+1

@holtjohnson

This comment has been minimized.

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

This comment has been minimized.

lembitk commented Jan 7, 2018

+1

1 similar comment
@diogocorrea

This comment has been minimized.

diogocorrea commented Mar 7, 2018

+1

@jonathantneal

This comment has been minimized.

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

This comment has been minimized.

chrisblakley commented May 6, 2018

+1

1 similar comment
@jasonrhaddix

This comment has been minimized.

jasonrhaddix commented May 17, 2018

+1

@JohnPostlethwait

This comment has been minimized.

JohnPostlethwait commented Sep 29, 2018

+1

@Fyrd Fyrd referenced this issue Oct 16, 2018

Closed

overflow-x #4551

@Fyrd

This comment has been minimized.

Owner

Fyrd commented Oct 28, 2018

@Fyrd Fyrd closed this Oct 28, 2018

jonathantneal referenced this issue in csstools/cssdb Oct 29, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment