Intent to Prototype: Add support for CSS properties "overflow: clip" and "overflow-clip-margin"

89 views
Skip to first unread message

Scott Violet

unread,
Aug 27, 2020, 5:01:17 PM8/27/20
to blink-dev

Contact emails

s...@google.com

Explainer


https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip

Specification

https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip

Design docs


https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip

TAG review



Summary

The CSS working draft documents these here: https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip .

Motivation

Part of the CSS working draft, and Firefox is shipping it soon: https://groups.google.com/g/mozilla.dev.platform/c/7oQm8PC0aU0 .

Risks



Interoperability and Compatibility

I'm not aware of any risks other than not being fully approved by W3C.

Gecko: Shipped/Shipping (https://groups.google.com/g/mozilla.dev.platform/c/7oQm8PC0aU0) I marked this shipping, but Firefox is in the intent-to-ship phase.

WebKit: No signal

Web developers: No signals

Ergonomics

Not aware of any.

Activation

Not aware of any.

Security

Not aware of any.


Debuggability

Only support needed is to surface the new value and property.

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?

Yes Implementation is not platform specific.

Is this feature fully tested by web-platform-tests?

No These tests exercise this code path and are currently disabled. external/wpt/css/css-overflow/clip-001.html external/wpt/css/css-overflow/dynamic-visible-to-clip-001.html external/wpt/css/css-overflow/overflow-body-propagation-007.html external/wpt/css/css-overflow/overflow-body-propagation-008.html external/wpt/css/css-overflow/overflow-body-propagation-009.html More tests will be added.

Link to entry on the Chrome Platform Status

https://www.chromestatus.com/feature/5638444178997248  

Philip Rogers

unread,
Aug 27, 2020, 5:30:53 PM8/27/20
to Scott Violet, blink-dev
The fact that "overflow: hidden" can scroll leads to tricky issues. We hit this recently for an optimization on chat.google.com and had trouble working around it (b/159037769#comment22, similar to https://github.com/w3c/csswg-drafts/issues/865). Needless to say, I'm looking forward to this feature.

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAKARY_mFiATLwYKgL6pkdPJCNtjiq93RUqRpTZKeqZZZJ-vNpg%40mail.gmail.com.

Emilio Cobos Álvarez

unread,
Aug 27, 2020, 5:43:46 PM8/27/20
to Scott Violet, blink-dev
On 8/27/20 10:53 PM, 'Scott Violet' via blink-dev wrote:

Contact emails

s...@google.com

Explainer


https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip

Specification

https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip

Design docs


https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip

TAG review



Summary

The CSS working draft documents these here: https://drafts.csswg.org/css-overflow-3/#valdef-overflow-clip .

Motivation

Part of the CSS working draft, and Firefox is shipping it soon: https://groups.google.com/g/mozilla.dev.platform/c/7oQm8PC0aU0 .

Risks



Interoperability and Compatibility

I'm not aware of any risks other than not being fully approved by W3C.

Gecko: Shipped/Shipping (https://groups.google.com/g/mozilla.dev.platform/c/7oQm8PC0aU0) I marked this shipping, but Firefox is in the intent-to-ship phase.

Two notes on this:

  • Gecko has shipped for a long while overflow: -moz-hidden-unscrollable, which behaves like overflow: clip on both axis (overflow: clip allows you to clip in one axis only).
  • We don't implement overflow-clip-margin. Though I suspect it won't be hard to implement.

WebKit: No signal

Web developers: No signals

Ergonomics

Not aware of any.

Activation

Not aware of any.

Security

Not aware of any.


Debuggability

Only support needed is to surface the new value and property.

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?

Yes Implementation is not platform specific.

Is this feature fully tested by web-platform-tests?

No These tests exercise this code path and are currently disabled. external/wpt/css/css-overflow/clip-001.html external/wpt/css/css-overflow/dynamic-visible-to-clip-001.html external/wpt/css/css-overflow/overflow-body-propagation-007.html external/wpt/css/css-overflow/overflow-body-propagation-008.html external/wpt/css/css-overflow/overflow-body-propagation-009.html More tests will be added.

Link to entry on the Chrome Platform Status

https://www.chromestatus.com/feature/5638444178997248  
Reply all
Reply to author
Forward
0 new messages