Accept two values in the overflow shorthand

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
• Opera release 55
• Opera for Android release 55

Consensus & Standardization

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

Owner

• cnardi@chromium.org

Last updated on 2018-05-01