Riot v4 inserts elements which exists in pre-mounted element without <slot />

[Qs-F]

Help us to manage our issues by answering the following:

1. Describe your issue:

With Riot v4, the elements which exists in a certain element is left after mounting that tag.

For example, if there is <my-tag><h1>hello</h1></my-tag> in index.html and my-tag is even defined without <slot /> tag internally, Riot injects the elements <h1>hello</h1> into the mounted tags.

I think this is a bug cuz with Riot v3 there is no such behavior.

2. Can you reproduce the issue?

Yes.

Riot v4 example
Riot v3 behavior comparison

3. On which browser/OS does the issue appear?

Chrome / Mac

4. Which version of Riot does it affect?

4.6.5

5. How would you tag this issue?

• Question
• Bug
• Discussion
• Feature request
• Tip
• Enhancement
• Performance

[Kal-Aster]

Hi,
reading the documentation here, it says in the note

Slots work only in compiled components, all the inner HTML of the components placed directly in your page DOM will be ignored.

[Qs-F]

Hi @EliteXXL ,

Thank you for your comment! I only read API docs, so didn't notice that.

Now I got it.

[GianlucaGuarini]

@Qs-F sorry this feature is no longer supported. I guess Vue.js supports it though but the library is also ~5 times bigger than Riot.js. I had to remove the runtime HTML parsing improving performance and maintainability of the core