Description
Describe the bug
When a slotted component is instantiated and the only contents of the slot is {@html value}
, changing value
will cause the HTML-ized value
to render at the end of the slot's parent element (i.e. after all sibling elements) instead of in the correct place.
To Reproduce
https://svelte.dev/repl/1f9da40bca4b44a089041e826648de2f
Click the Switch button and see that the contents of the slot moves to the end.
Expected behavior
Slot continues to render in the correct place.
Information about your Svelte project:
Looks like this appeared in version 3.7 and is still present in 3.23.2. If I run the REPL on 3.6.11 it behaves properly.
Severity
Potentially serious, but not serious for me.
Can be worked around by changing the slot contents to <div>{@html value}</div>
or changing the child component to use <div><slot /><div>
, which works fine for me.