475190 - Need -moz-border-radius-(top|bottom)(start|end) or -moz-border-(top|bottom)-(start|end)-radius for RTL

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Phil Ringnalda (:philor)]

For the flat parts of borders, we have the very handy -moz-border-start and -moz-border-end to make things work out in RTL locales, but because -moz-border-radius- only has topleft etc., rounded corners that aren't left-right symmetric require hacking around with separate chromedir="rtl" selectors. It would be much nicer to have -moz-border-radius-topstart (or to have CSS3 backgrounds hit CR, have bug 451134 fixed, and have -moz-border-top-start-radius, but fixing this shouldn't depend on that just because topstart is ugly).

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I tend to think we probably just want (before|after)-(start|end) and we don't want properties with mixed physical and logical directions, although I'm not sure.

Comment 2

[Cameron McCormack (:heycam)]

While there are border-{block,inline}-{start,end}-* in http://dev.w3.org/csswg/css-logical-props/ there aren't border-radius properties.

Comment 3

[Cameron McCormack (:heycam)]

https://lists.w3.org/Archives/Public/www-style/2015Jan/0313.html

Comment 4

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

border-block-start-inline-end-radius is a pretty awful name, though