The TAG review link is missing but I see you've got one in progress here: 
https://github.com/w3ctag/design-reviews/issues/1033

Regarding the tests:

> https://wpt.fyi/results/css/css-shapes/shape-functions?label=master&label=experimental&aligned&q=shape
>  (anything beginning with shape-) 
> https://wpt.fyi/results/css/css-masking/clip-path?label=master&label=experimental&aligned&q=shape
>  and 
> https://wpt.fyi/results/css/css-masking/clip-path/animations?label=master&label=experimental&aligned&q=shape
>  (clip-path-shape-*)
I am trying to understand why these are still mostly failing in Chrome 
Experimental. The CSSShapeFunction 
flag<https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/platform/runtime_enabled_features.json5;l=1298;drc=ccbd95cddb03e806973adedb303cceeae0824c23>
 has status "experimental" so I'd expect it to be enabled for the Chrome 
Experimental WPT results, but in the links you shared most of the subtests for 
shape() still don't pass. Are the tests or implementation still in flux, or do 
you know of something else I might be missing here?

As a sidenote, Firefox also seems to have done some work on this: 
https://bugzilla.mozilla.org/show_bug.cgi?id=1823463. Some but not all of the 
tests are passing on Firefox Nightly.

-- Dan Clark

From: blink-dev@chromium.org <blink-dev@chromium.org> On Behalf Of Chromestatus
Sent: Wednesday, January 22, 2025 11:42 AM
To: blink-dev@chromium.org
Cc: nrosent...@chromium.org
Subject: [EXTERNAL] [blink-dev] Intent to Ship: CSS shape() function

Contact emails
nrosent...@chromium.org<mailto:nrosent...@chromium.org>
Explainer
None
Specification
https://drafts.csswg.org/css-shapes-2/#shape-function
Summary

shape() allows responsive custom shapes in CSS properties that accept a shape, 
currently limited to clip-path. It lets the author define a series of commands, 
equivalent to the commands in path(), but where the commands accept responsive 
units (e.g. % or vw), as well as any CSS values such as custom properties or 
rather than pixel-values. See 
https://drafts.csswg.org/css-shapes-2/#shape-function

Blink component
Blink>CSS<https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ECSS%22>
TAG review
None
TAG review status
Pending
Risks

Interoperability and Compatibility

None


Gecko: No signal (https://github.com/mozilla/standards-positions/issues/1153)

WebKit: Positive (https://bugs.webkit.org/show_bug.cgi?id=238371) Safari has 
already implemented this, available in STP.

Web developers: Positive See citations: 
https://jamesmcgrath.net/scaling-svg-clippath/ 
https://css-tricks.com/unfortunately-clip-path-path-is-still-a-no-go/ 
https://stackoverflow.com/questions/29495919/how-to-apply-clippath-to-a-div-with-the-clippath-position-being-relative-to-the
 
https://stackoverflow.com/questions/31210466/convert-svg-path-data-to-0-1-range-to-use-as-clippath-with-objectboundingbox
 
https://stackoverflow.com/questions/53618192/create-responsive-svg-clip-path-making-svg-path-responsive

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

None

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, 
ChromeOS, Android, and Android WebView)?
Yes
Is this feature fully tested by 
web-platform-tests<https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md>?
Yes

https://wpt.fyi/results/css/css-shapes/shape-functions?label=master&label=experimental&aligned&q=shape
 (anything beginning with shape-) 
https://wpt.fyi/results/css/css-masking/clip-path?label=master&label=experimental&aligned&q=shape
 and 
https://wpt.fyi/results/css/css-masking/clip-path/animations?label=master&label=experimental&aligned&q=shape
 (clip-path-shape-*)

Flag name on about://flags
CSSShapeFunction
Finch feature name
CSSShapeFunction
Requires code in //chrome?
False
Tracking bug
https://issues.chromium.org/issues/40829059
Estimated milestones
Shipping on desktop
135
DevTrial on desktop
134
Shipping on Android
135
DevTrial on Android
134
Shipping on WebView
135

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop 
issues. Please list open issues (e.g. links to known github issues in the 
project for the feature specification) whose resolution may introduce web 
compat/interop risk (e.g., changing to naming or structure of the API in a 
non-backward-compatible way).
None
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5172258539307008?gate=5143998661132288
Links to previous Intent discussions
Intent to Prototype: 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/6759c7eb.2b0a0220.2dfede.0004.GAE%40google.com

This intent message was generated by Chrome Platform 
Status<https://chromestatus.com/>.
--
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+unsubscr...@chromium.org<mailto:blink-dev+unsubscr...@chromium.org>.
To view this discussion visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/67914a1a.2b0a0220.236503.0179.GAE%40google.com<https://groups.google.com/a/chromium.org/d/msgid/blink-dev/67914a1a.2b0a0220.236503.0179.GAE%40google.com?utm_medium=email&utm_source=footer>.

-- 
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+unsubscr...@chromium.org.
To view this discussion visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CH4PR00MB23297C2F6162860C741929B7C5E02%40CH4PR00MB2329.namprd00.prod.outlook.com.

Reply via email to