spreadMethod for radial gradients not displaying correctly in Safari

[drott]

<meta charset="utf-8">
<style>
@font-face {
font-family: samples;
src: url(samples-untouchedsvg.ttf);
}

* {
font-family: samples;
font-size: 64px;
}
</style>
linear_reflect linear_repeat radial_reflect radial_repeat

displays as

in Safari.

Compare FF:

WebKit has a bug for spreadMethod for radial not being supported - it seems to be partially supported in their OT-SVG implementation, but the inner parts of the circle not being drawn correctly.

[yisibl]

Can you add the svg files?

[anthrotype]

they are here https://github.com/googlefonts/color-fonts/tree/main/font-srcs/samples

[drott]

https://github.com/googlefonts/color-fonts/blob/main/fonts/samples-untouchedsvg.ttf in particular for this example.

[yisibl]

Is there a way to fix this with nanoemoji?

[anthrotype]

Is there a way to fix this with nanoemoji?

I'm not sure.

I can confirm this is still happening with latest macOS 12.4 and Safari 15.5.

[litherum]

We're looking at this in rdar://98941222