1726232 - Add CSS corner-shape support

Status: NEW

(Core :: Layout, enhancement)

Description

[jsnkuhn]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101 Firefox/91.0

Steps to reproduce:

CSS corner-shape not supported

Actual results:

does not work because no support

Expected results:

Support CSS corner-shape as specified in css-backgrounds-4. Adds the ability to create simple angled/beveled corners in css.

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

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[jsnkuhn]

Is this the right place to make feature requests like this?

Comment 3

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

(In reply to jsnkuhn from comment #2)

Is this the right place to make feature requests like this?

Yes, bugzilla is the right place tracking implementation effort in Firefox.

corner-shape spec might need more discussion to be considered implementable for browsers. I notice some issues (filed by you?) by searching corner-shape on https://github.com/w3c/csswg-drafts.

Comment 4

[jsnkuhn]

yep, filed a few issues recently (https://github.com/w3c/csswg-drafts/issues/6521 and https://github.com/w3c/csswg-drafts/issues/6500) but corner shape in spec form has been a thing for I want say around... 10 years and hasn't changed much. LeaVerou's (one of the spec writers) main concern is "lack of implementor interest." Didn't see any listing in any bug trackers for it though so that's what this is about. If this is something ya'll are interested in I can point her in the direction of this bug.

Comment 5

[Daniel Holbert [:dholbert]]

The spec moved here: https://drafts.csswg.org/css-borders-4/#corner-shaping
(in https://github.com/w3c/csswg-drafts/pull/9048 which split backgrounds&borders 4 into two different modules)

Comment 6

[Daniel Holbert [:dholbert]]

(In reply to jsnkuhn from comment #0)

Expected results:

Support CSS corner-shape as specified [...] Adds the ability to create simple angled/beveled corners in css.

Note: at this point, the spec only adds angled corners; other shapes like "inward scoops" are discussed in some related posts but aren't in the spec right now.

[Note: I've edited this comment to correct my own misconception; I was mistakenly recalling "bevel" as meaning "scoop" for a second, but really bevel is just a term-of-art for a type of angled corner.]