Intent to Prototype and Ship: Clip-path xywh() and rect() values

[Philip Rogers]

Contact emails

p...@chromium.org

Explainer

None

Specification

https://www.w3.org/TR/css-shapes/#supported-basic-shapes

Summary

Support the xywh() and rect() values on clip-path, which make it easier to specify rectangular or rounded-rectangular clips.

Blink component

Blink>Paint

Motivation

None

Initial public proposal

None

TAG review

None

TAG review status

Not applicable

Risks

Interoperability and Compatibility

Low: this has shipped in Firefox.

Gecko: Shipped/Shipping

WebKit: No signal

Web developers: Positive (https://github.com/web-platform-tests/interop/issues/148)

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Debuggability

This is debuggable with existing basic CSS tooling.

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

Yes

Flag name on chrome://flags

None

Finch feature name

ClipPathXYWHAndRect

Requires code in //chrome?

False

Tracking bug

https://crbug.com/1481015

Estimated milestones

Shipping on desktop

119

Shipping on Android

119

Shipping on WebView

119

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5672616710373376

This intent message was generated by Chrome Platform Status.

[一丝]

WebKit has been implemented here:
- rect() https://github.com/WebKit/WebKit/pull/17619

- xywh() https://github.com/WebKit/WebKit/pull/17087

[Philip Rogers]

Thank you 一丝! I will update the chromestatus entry to reflect WebKit's implementation.

[Mike Taylor]

On 9/11/23 7:18 PM, Philip Rogers wrote:

Contact emails

p...@chromium.org

Explainer

None

Specification

https://www.w3.org/TR/css-shapes/#supported-basic-shapes

Summary

Support the xywh() and rect() values on clip-path, which make it easier to specify rectangular or rounded-rectangular clips.

Blink component

Blink>Paint

Motivation

None

Initial public proposal

None

TAG review

None

Do you know if the TAG has reviewed this spec at all?

TAG review status

Not applicable

Risks

Interoperability and Compatibility

Low: this has shipped in Firefox.

Gecko: Shipped/Shipping

WebKit: No signal

Could we request a signal please? https://github.com/WebKit/standards-positions/issues/new/choose

--
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/CAJgFLLvZuwE_Bqf8DkKoV8CZTwts8H_7ZdtjECp2cVgAx71Pow%40mail.gmail.com.

[Alex Russell]

LGTM1

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/0e9e9d17-03dd-4357-bee0-b3abaef351be%40chromium.org.

[Philip Rogers]

On Friday, September 15, 2023 at 1:19:06 PM UTC-7 Mike Taylor wrote:

On 9/11/23 7:18 PM, Philip Rogers wrote:

Contact emails p...@chromium.org

Explainer None

Specification https://www.w3.org/TR/css-shapes/#supported-basic-shapes

Summary

Support the xywh() and rect() values on clip-path, which make it easier to specify rectangular or rounded-rectangular clips.

Blink component Blink>Paint

Motivation

None

Initial public proposal None

TAG review None

Do you know if the TAG has reviewed this spec at all?

The TAG reviewed object-view-box (tag review) which also supports these <basic-shape> values. These values are also supported on other existing properties, such as offset-path.

 

TAG review status Not applicable

Risks

Interoperability and Compatibility

Low: this has shipped in Firefox.

Gecko: Shipped/Shipping

WebKit: No signal

Could we request a signal please? https://github.com/WebKit/standards-positions/issues/new/choose

This should now be "WebKit: Shipping".

I didn't know it at the time I sent this intent, but WebKit was actively working on this feature too, and just landed these changes (see 一丝's reply, above). I've updated the chromestatus entry to note that this landed in WebKit.

[Yoav Weiss]

LGTM2

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/95a73775-2e66-4e14-a11c-3537153eb546n%40chromium.org.

[Mike Taylor]

Cool - thanks for the answers. LGTM3.

[一丝]

Firefox has been shipped in 122: https://bugzilla.mozilla.org/show_bug.cgi?id=1868722