[svgwg] Issue: Emojis and SVG <text> inconsistency marked as Text chapter

AmeliaBR has just labeled an issue for https://github.com/w3c/svgwg as "Text chapter":

== Emojis and SVG <text> inconsistency ==
I'm not sure where the appropriate part of the spec is (I'm unsure if the spec even explicitly mentions emoji) but there is an inconsistency between several browsers in how they handle emoji in SVG, I suspect some of this may also impact colour fonts.

I have a [test case on CodePen](https://codepen.io/chaoaretasty/pen/ZvdqMY)

Unfortunately I haven't been able to test on some of the latest browsers (no Safari and Edge is 13) but Opera, Firefox and Chrome are both up to date and show the problem. Hopefully someone can fill in the missing cases.

Chrome and Opera respect emoji colours, fill: none and stroke but not fill: value

In edge emoji are monochrome though edge does respect stroke, fill: none and fill: value

Firefox displays colour emoji but doesn't respect stroke, fill: none or fill: value

The most "correct" behaviour to me would be a cross between Chrome and Edge. Both get stroke and fill:none correct but emoji should be coloured by default and allow a monochrome colour override.

Is this just a case of filling bugs on behaviour or is it an area missing in the spec?

See https://github.com/w3c/svgwg/issues/381

Received on Friday, 26 January 2018 17:51:14 UTC