[svgwg] Emojis and SVG <text> inconsistency

chaoaretasty has just created a new issue for https://github.com/w3c/svgwg:

== 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?

Please view or discuss this issue at https://github.com/w3c/svgwg/issues/381 using your GitHub account

Received on Friday, 26 January 2018 10:45:19 UTC