Web-Facing Change PSA: Tune border-radius correction to better match circles/ellipses

[Chromestatus]

Contact emails

nrose...@chromium.org

Specification

https://drafts.csswg.org/css-backgrounds-3/#corner-shaping

Summary

Render box-shadow spread and overflow-clip-margin for elements with border-radius, in a way that works better for high border-radius. Specifically shadows and margins of circles (or whenever the border radius is close to 50%), would look closer to the original shape.

Blink component

Blink>CSS

Web Feature ID

border-radius

Risks

Interoperability and Compatibility

No information provided

Gecko: No signal

WebKit: No signal

Web developers: Positive (https://github.com/w3c/csswg-drafts/issues/7103)

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?

No information provided

Debuggability

No information provided

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?

Yes

Tracking bug

https://issues.chromium.org/issues/448651073

Estimated milestones

Shipping on desktop	143
Shipping on Android	143
Shipping on WebView	143

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5176753681203200

This intent message was generated by Chrome Platform Status.