xlink:href attribute doesn't work about uhtml HOT 6 CLOSED

Wow. Had no idea it was depreciated. Every example I've ever found used xlink:href, so I never bothered trying just href. But it works! So, yeah, I'm closing this as a non-issue. Thanks!

from uhtml.

For reference sake, it looks like href is very well supported too:
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/href#Browser_compatibility

from uhtml.

The 3rd case is expected to not work, because you are using html, so that's not an SVG node, it's just a useless HTML one.

The 5th case seems to be the only one problematic to me, and I'll have a look ASAP, but 3 is a user error, not a library issue.

from uhtml.

I agree. Sorry for not clarifying. I provided Example 3 just to showcase specifically that it doesn't work (as expected). Example 5 doesn't work, and in contrast, I'd expect it to work. Example 5 is really what I'd like for you to explore more.

from uhtml.

I just added a new Example 6 (that doesn't work). It could be a compromise, if you need a stricter separation of HTML and SVG concerns. It essentially does this:

const name = 'check'
const href = `#${name}` // Or `icons.svg#${name}`
const icon = svg`<use xlink:href=${href}></use>`

render(target, html`
  <svg>
    ${icon}
  </svg>
`)

from uhtml.

as xlink:href is deprecated, is there any reason you wouldn't use href instead? it works out of the box.

from uhtml.