Accept two values in the overflow shorthand

CSS

The overflow shorthand will accept two values making it possible to set overflow-x and overflow-y to different values. If two values are specified, the first is overflow-x and the second is overflow-y. This property previously only accepted one value, meaning that a developer who wanted to set them to different values was forced to write longhand statements for both. Changing the shorthand reduces complexity by allowing developers to specify both in a single statement.

Documentation

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
https://github.com/w3c/csswg-drafts/issues/2484

Specification

Editor's draft

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 68
Chrome for Android release 68
Android WebView release 68

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Shipped
Edge: No public signals
Safari: No public signals
Web Developers: No signals

Owner

cnardi@chromium.org

Last updated on 2018-05-01