Contact emailsnrosent...@chromium.org Explainer https://github.com/noamr/explainers/blob/main/corner-shape-explainer.md
Specificationhttps://drafts.csswg.org/css-borders-4/#corner-shaping Summary Enable styling corners, on top of the existing border-radius, by specifying the shape/curvature of the corner. This allows shapes like squircles, notches, scoops etc., and animating between them. Blink componentBlink>CSS <https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ECSS%22> TAG reviewhttps://github.com/w3ctag/design-reviews/issues/1090 TAG review statusIssues addressed Risks Interoperability and Compatibility None *Gecko*: No signal ( https://github.com/mozilla/standards-positions/issues/823) *WebKit*: Support (https://github.com/WebKit/standards-positions/issues/229) *Web developers*: Strongly positive ( https://www.figma.com/blog/desperately-seeking-squircles) *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, though some the rendering specific (e.g. color joins and dots) are implementation specific and tested in internal web-tests. See https://wpt.fyi/results/css/css-borders/tentative/corner-shape?label=master&label=experimental&aligned&q=corner-shape Flag name on about://flagsCSSCornerShape Finch feature nameCSSCornerShape Rollout planWill ship enabled for all users Requires code in //chrome?False Tracking bughttps://issues.chromium.org/issues/393145930 Estimated milestones Shipping on desktop 139 DevTrial on desktop 136 Shipping on Android 139 DevTrial on Android 136 Shipping on WebView 139 Anticipated spec changes The base of the spec is quite stable at this point, and is ready to be used by developers. Here is a list of spec issues related to corner-shape: https://github.com/w3c/csswg-drafts/issues/11623 <https://github.com/w3c/csswg-drafts/issues/11623:> A shorthand, compatible with current longhands: planning to ship this shorthand once the details are resolved, either together with the existing content or in a subsequent release. I believe we can give what's implemented to developers, and add the shorthand a bit later if needed. * https://github.com/w3c/csswg-drafts/issues/11622 * https://github.com/w3c/csswg-drafts/issues/11679 * https://github.com/w3c/csswg-drafts/issues/12150 These are future compatible enhancements. https://github.com/w3c/csswg-drafts/issues/11764 Some rendering questions, but in an area that is implementation defined anyway (color-joins are not interoperable or spec'ed, before corner-shape). An FPWD for css-borders-4 is underway. Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5357329815699456?gate=5559845778096128 Links to previous Intent discussionsIntent to Prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/67a0cde5.2b0a0220.164bff.00a8.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. To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJn%3DMYav0x0axtOsPOnOuCVG1BC%2BZMCVpEdzp-cxaV%3DTuHPsOg%40mail.gmail.com.
