ractivejs/v0.x

Break attributes xmlns:xlink, xlink:href in browser

Closed this issue · 1 comments

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)

I`m sorry, write issue in wrong repo.