Font Tags Stripped by Vue

[khamer]

Vue.js version

2.0.2

Reproduction Link

• https://jsfiddle.net/khamer/mph4jhLa/

What is Expected?

I would expect <font> tags to be left alone – but if Vue is intentionally stripping invalid HTML tags, I'd expect <blink> and such to be stripped instead.

What is actually happening?

<font> tags appear to be stripped or hidden. Although it's a deprecated tag, other deprecated tags (like <center> and <blink>) aren't stripped, and there's some systems that are sufficiently behind the times (looking at you xdebug) which still render out HTML that contains <font> tags.

Digging a little further, is I remove font from makeMap() for isSVG, then the <font> tags are left alone.

[yyx990803]

<font> is a valid SVG tag, so it was created with SVG namespace. It is still rendered, just not visible. If you want to explicitly mark it for ignored, use Vue.config.ignoredElements: https://jsfiddle.net/yyx990803/mph4jhLa/1/

[LinusBorg]

People still use <font>? That element has been deprecated for a while now.

[khamer]

It's part of the elements that PHP's xdebug uses - https://xdebug.org/docs/display . If it was my own markup, then I would have avoided it.

Thanks @yyx990803!