Contact emails...@chromium.org, tcap...@chromium.org, yo...@chromium.org,
f...@opera.com

ExplainerNone

Specificationhttps://drafts.fxtf.org/css-masking/#positioned-masks

Design docshttps://developer.mozilla.org/en-US/docs/Web/CSS/mask

Summary

CSS mask, and related properties such as mask-image, mask-mode, etc, are
used to hide an element (partially or fully) by masking or clipping the
image at specific points. This feature unprefixes the -webkit-mask*
properties and brings them up to spec. This includes mask-image, mask-mode,
mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and
mask-composite, as well as the "mask" shorthand. Local mask-image
references are supported, serialization now matches the spec, and accepted
values now match the spec (for example, "add" instead of "source-over" for
mask-composite).


Blink componentBlink>CSS
<https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS>

TAG reviewNone

TAG review statusNot applicable

Risks


Interoperability and Compatibility

There is some compatibility risk in adding an unprefixed feature while
still supporting the prefixed version. This is minimized as we are
following the same pattern Webkit has already shipped. In addition, Firefox
supports several of the legacy -webkit- prefixed properties too.


*Gecko*: Shipped/Shipping Firefox has nearly 100% pass rate on css-masking
WPT tests.

*WebKit*: Shipped/Shipping Safari has shipped much of the unprefixing of
these properties (https://bugs.webkit.org/show_bug.cgi?id=229082), as well
as many implementation improvements, though some interop fixes are still in
development.

*Web developers*: Strongly positive (
https://github.com/web-platform-tests/interop/issues/148) This is part of
interop-2023.

*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

Basic debugging support with existing CSS support in devtools.


Will this feature be supported on all six Blink platforms (Windows, Mac,
Linux, Chrome OS, 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-masking?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop


Flag name on chrome://flagsNone

Finch feature nameCSSMaskingInterop

Requires code in //chrome?False

Tracking bughttps://crbug.com/1418401

Measurementhttps://chromestatus.com/metrics/css/timeline/popularity/772

Estimated milestones
Shipping on desktop 120
DevTrial on desktop 120
Shipping on Android 120
DevTrial on Android 120
Shipping on WebView 120

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/5839739127332864

Links to previous Intent discussionsIntent to prototype:
https://groups.google.com/a/chromium.org/g/blink-dev/c/C6hENTlF0NM

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.
To view this discussion on the web visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJgFLLsO8COSdLuHsEaM2TQWzAf6%2B5wJLt0PcR3QEoyyOb4Rhw%40mail.gmail.com.

Reply via email to