Intent to Prototype and Ship: CSS flow-relative Corner Rounding properties

75 views
Skip to first unread message

Ziran Sun

unread,
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

unread,
Dec 10, 2020, 3:15:01 AM12/10/20
to blink-dev, Ziran Sun
LGTM1

TAMURA, Kent

unread,
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


Chris Harrelson

unread,
Dec 10, 2020, 11:15:10 AM12/10/20
to TAMURA, Kent, blink-dev, Ziran Sun
Reply all
Reply to author
Forward
0 new messages