svg use produces "multiple root elements must be wrapped in an enclosing tag" error

[mfolkeseth]

It seems strange to me that the following markup produces the multiple root elements must be wrapped in an enclosing tagerror message:

return html`
      <div>
        <svg>
          <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#reply"></use>
        </svg>
      </div>
    `;

[YerkoPalma]

I'm not clear if you say that this code should get the error message or if it is getting the error message and it shouln't.

[mfolkeseth]

Sorry, a bit unclear there. This code is getting this error. I don't see why it does.

[yoshuawuyts]

Not on laptop right now so can't debug - sometimes this error is incorrectly thrown because tags are closed when they shouldn't be - or a trailing closing tag is added when it isn't needed. Could you try out a variation of these? Thanks!

…

On Tue, Jun 20, 2017, 14:49 Martin Folkeseth ***@***.***> wrote: Sorry, a bit unclear there. This code *is getting* this error. I don't see why it does. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#514 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACWlekFL6Rav6v5BA28-7TtK-ouGmD0oks5sF7_sgaJpZM4N_hnQ> .

[YerkoPalma]

This is a bel issue not choo specific. and is not actually an issue, it happens to me when I had <path></path> in my svg, it fixed changing it to <path />. So, in your case it should fix with

return html`
      <div>
        <svg>
          <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#reply" />
        </svg>
      </div>
    `;

[mfolkeseth]

Thanks, that fixes my problem. I'll close this.