Intent to Prototype and Ship: CSS flow-relative Corner Rounding properties
84 views
Skip to first unread message
Ziran Sun
Dec 9, 2020, 11:28:41 AM12/9/20
to blink-dev
Contact emails
Explainer
Spec
TAG review
The review has a broader scope than just the 4 properties added here. None of the reported issues were related to these properties though.
Summary
Support the flow-relative Corner Rounding properties following CSS Logical Properties and Values spec. Specifically, the following logical properties are included:
- border-start-start-radius
- border-start-end-radius
- border-end-start-radius
- border-end-end-radius
The flow-relative Corner Rounding properties (border-*-radius) will allow to set top-left, bottom-left, top-right and bottom-right box corners with logical mappings rather than physical.
Is this feature supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?
Yes
Demo link
Debuggability
It's just 4 new CSS properties that will appear in DevTools as any other property.
Measurement
There'll be use counters for the new properties (as it happens for every CSS property).
Risks
Interoperability and Compatibility
Firefox already supports these properties, and we're planning to implement these in WebKit too.
* Gecko: Shipped since Firefox 66 (https://bugzilla.mozilla.org/show_bug.cgi?id=1520684)
* WebKit: No signal. Simon Fraser reported the bug https://bugs.webkit.org/show_bug.cgi?id=218093, and we're going to send a patch to implement it there. This is a small thing so it looks we don't need to ask for official signals in webkit-dev, also in the past Apple was positive about adding support for the rest of the spec (https://lists.webkit.org/pipermail/webkit-dev/2018-August/030086.html).
Ergonomics
These properties will be used together with writing-mode and direction.
Activation
Just like using any other CSS property.
Is this feature fully tested by web-platform-tests? Link to test suite results from wpt.fyi.
Yes
The tests related to sideways-lr and sideways-rl will fail, as these are not supported in Chromium yet (https://crbug.com/680331)
Tracking bug
Entry on the feature dashboard
yo...@yoav.ws
Dec 10, 2020, 3:15:01 AM12/10/20
to blink-dev, Ziran Sun
LGTM1
TAMURA, Kent
Dec 10, 2020, 9:14:24 AM12/10/20
to blink-dev, Ziran Sun
LGTM2
--
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+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/d9de764f-a895-49bc-8bec-52f21b4c21a7n%40chromium.org.
TAMURA Kent
Software Engineer, Google
Software Engineer, Google
Chris Harrelson
Dec 10, 2020, 11:15:10 AM12/10/20
to TAMURA, Kent, blink-dev, Ziran Sun
LGTM3
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAGH7WqEDC1mpbjUJ2-48N6dwQ%2BFoXn%2BcAfqtsG-6LZQ0vSfqnQ%40mail.gmail.com.
Reply all
Reply to author
Forward
0 new messages