Svelte 5: svelte:element with its `this` set to `input` or `textarea` doesn't call their actions about svelte HOT 8 CLOSED

After experimenting with all html elements, the full list of affected ones is a superset of the void elements:

area base br caption colgroup embed frame frameset head hr img input link meta param source tbody td template textarea tfoot th thead tr track wbr

from svelte.

upon further tries I noticed that the reactivity on the said svelte:elements does not work at all. You can even try to set an id for the element but the id will never update. nothing happens on the client side.

<svelte:options runes />

<script lang="ts">
  let id = $state("something");

  setTimeout(() => {
    id = "something else"
  }, 2000)
</script>

<svelte:element this="input" {id}></svelte:element>

from svelte.

Both of those examples work in the REPL for me.
REPL 1 REPL 2

from svelte.

@brunnerh interesting. but I'm sure that it doesn't work like it should. would you be able to confirm your results on your local machine? Since REPL runs entirely on the client side the results might be different from your own environment. maybe a serverside code causes a crash of some sort?!

And if your results stay the same what could be causing my system to act this way?

from svelte.

Looks like an SSR/hydration issue, may also be SvelteKit specific.
Works locally without SSR but breaks with SSR.

Dev and build both seem to give same results.

"@sveltejs/adapter-auto": "^3.2.0",
"@sveltejs/adapter-node": "^5.0.1",
"@sveltejs/kit": "^2.5.5",
"@sveltejs/vite-plugin-svelte": "^3.0.2",
"svelte": "^5.0.0-next.95",

(Btw, stuff like setTimeout should be guarded with something like onMount or if (browser) if you have SSR. Actions only run on the client anyway.)

from svelte.

(Btw, stuff like setTimeout should be guarded with something like onMount or if (browser) if you have SSR. Actions only run on the client anyway.)

I see. thanks for the tip.

from svelte.

All the void elements are affected by this bug.

See the reproduction here

Strangely it works as intended (not buggy) in the REPL

from svelte.

closed via #11258

from svelte.