Open Bug 2037670 Opened 8 days ago Updated 7 days ago

Add closest-corner to circle() and ellipse()

Categories

(Core :: Layout: Floats, enhancement)

enhancement

Tracking

()

People

(Reporter: boris, Unassigned)

References

(Blocks 3 open bugs, )

Details

(Keywords: dev-doc-needed)

Both circle() and ellipse() use <radial-size>.

Per spec from [css-image-3], the <radial-size> is:

<radial-size> = <radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}
<radial-extent> = closest-corner | closest-side | farthest-corner | farthest-side

And the extension from [css-image-4]

<radial-size> = <radial-extent>{1,2} | <length-percentage [0,∞]>{1,2}

So we have to follow the new syntax, to add closest-corner to circle() and ellipse(). The Stylo side is here, and the shape radius computation in Gecko is here. We should extend the syntax to include closest-corner and implement it for shape-outside (note: It seems clip-path and offset-path use the same code path so they should support it as well).

Blocks: 2037673
See Also: → 2037673
You need to log in before you can comment on or make changes to this bug.