Inline svg inside <header> in IE8

Question

Inline svg inside <header> in IE8

nathansh opened this issue 10 years ago · 4 comments

I just discovered that if you put an inline svg inside of a <header> element with the html5shiv included, the <header> element does not close. This codepen shows the code required to reproduce the issue http://codepen.io/nathansh/pen/gbMdyG. Codepen doesn't work in IE8 but you can download a zip of the code.

Answer 1 · 2014-12-20T00:36:28.000Z

In addition, if you remove all paths from inside the <svg> element this doesn't break the <header>, but even one path in the svg will break it.

Answer 2 · 2014-12-20T11:20:02.000Z

@nathanshubert
Have you tried to remove the xmlns attribute?

Answer 3 · 2014-12-23T02:49:42.000Z

@aFarkas thanks for pointing that out. I have no idea why, but removing the xmlns attribute does do the trick.

Answer 4 · 2015-09-09T03:54:12.000Z

there was any fix for it or it was just by removing the xmlns?
what if this is not an option?