Svelte 5: contenteditable="true" with bind:innerText breaks the output of {@render children()}

[Serator]

Describe the bug

The same thing happens with bind:innerHTML / bind:textContent.

Reproduction

• Svelte 5 (runes) 🔴
• Svelte 5 (no runes) 🔴
• Svelte 4 🟢

Logs

No response

System Info

-

Severity

annoyance

[dummdidumm]

May be related to this breaking change in the sense of "children render comes in too late, binding has already taken over". Probably reasonable to look into changing this so that at least the initial value still comes in.

Would you expect updates to the content in the parent be reflected in the bound inner text in the child? Because that breaking change would change that.

[Serator]

Would you expect updates to the content in the parent be reflected in the bound inner text in the child?

Yeah, but with contenteditable turned off (#11654).

[Serator]

@trueadm The output now works, but it is still incorrect (<!----> shouldn't be in the output):

You can check it out at the first link from the first post (Svelte 5 (runes) 🔴).

[trueadm]

This is a tricky one then. I viewed that as being fine. Svelte 5 has its own html output that differs from Svelte 4 and comments don’t affect layout.

That anchor is valid too as Svelte uses them for runtime updates. So it needs to be there in case your snippet updates.

We could strip it out of the innerHTML but that seems like a hack.

[Serator]

@trueadm Revisited my own examples and saw a typo. It looks like there is no bug and you have done everything correctly. I apologize for wasting your time.

There should be either bind:innerHTML={innerHTML} or bind:innerText={innerText} and the output of innerHTML along with the comment looks correct.