Svelte 5: non-keyed each blocks do not retain text direction in elements with dir="auto"

[navorite]

Describe the bug

If an element i.e. a <p> tag has dir="auto" attribute value, when Svelte replaces the elements after deleting/showing/hiding some of the elements, they do not retain the direction of the text instead it takes the direction of the element that Svelte replaced.

There are two workarounds for this, one is to change it to a keyed each block, (but that also has some bugs where elements overlap each other and their order becomes messed up but I'm trying to narrow it down to open a bug If I have enough time for it as well) and the other is to use a useless {#key} block to force Svelte to re-render each item.

Regardless of all this, the behavior of Svelte 4 is the correct behavior where the direction is always retained.

Reproduction

Out of Firefox and Chrome, It occurs on Chrome only for me.

To reproduce: Fav second item and then click on Fav button.

Notice that on the non-keyed each block the new element inherits the text direction of the element that was replaced therefore changing the direction.

Correct behavior: Svelte 4

Wrong behavior: Svelte 5

Logs

No response

System Info

svelte 5.0.0-next.166

Severity

annoyance

[dummdidumm]

To reproduce: Fav second item, click on on "Fav", see that non-keyed text changes direction

[navorite]

I noticed that this doesn't occur on Firefox that's why I couldn't reproduce it on the REPL but it turns out it is reproducible on the REPL when using Chrome.