Break attributes xmlns:xlink, xlink:href in browser
Closed this issue · 1 comments
kachurun commented
Hello, i'm used ractive for display list of SVG icons with use
tag, like this:
<svg width="40" height="40" style="vertical-align:middle; fill:{{item.ico.color}};" viewBox="0 0 52 52"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{item.ico.url}}#icon"></use> </svg>
then svg4everybody polyfill converts use
tag to SVG content, but now i've got error with it because Ractivejs compile my template to this:
<svg width="40" height="40" style="vertical-align:middle; fill:#242424;" viewBox="0 0 52 52">
<use xlink="http://www.w3.org/1999/xlink" href="/_s/images/svg/line/1.svg#icon"></use>
</svg>
its turned attributes:
xmlns:xlink
-> xlink
xlink:href
-> href
p.s. I have no problem with compile template with node.js (or browser with use .toHTML() method)
kachurun commented
I`m sorry, write issue in wrong repo.