On 10/25/23 10:00 AM, Philip Rogers wrote:


        Contact emails

p...@chromium.org, tcap...@chromium.org, yo...@chromium.org, f...@opera.com


        Explainer

None


        Specification

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


        Design docs

https://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 component

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


        TAG review

None


        TAG review status

Not 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.

Is there anywhere that documents the differences, beyond what is written in the summary? It would be nice if we can capture that in the Compat standard, where they are no longer simple aliases.


/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 <https://wpt.fyi/results/css/css-masking?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop>



        Flag name on chrome://flags

None


        Finch feature name

CSSMaskingInterop


        Requires code in //chrome?

False


        Tracking bug

https://crbug.com/1418401


        Measurement

https://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 discussions

Intent 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 <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJgFLLsO8COSdLuHsEaM2TQWzAf6%2B5wJLt0PcR3QEoyyOb4Rhw%40mail.gmail.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 on the web visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/f8693c03-2974-43fe-bd76-c29a1d27a0ac%40chromium.org.

Reply via email to