svelte Initial cursor for contenteditable="true" divs are right aligned in firefox for Svelte 5

Describe the bug

Super weird bug: when using firefox + svelte 5, the cursor's initial position in contenteditable elements are right aligned, jumping back to left aligned whenever you type anything

no issue when using webkit browsers, also no issue if not in Svelte 5

Reproduction

https://svelte-5-preview.vercel.app/#H4sIAAAAAAAACmWQ4UrDMBSFXyUERydUWwVhxnYwfAzjjzS5a4NpEpLb6Sh9d9N1VkTIj5zzJYdz70iP2kCk7G2kVvRAGT14T3OKZz-LeAKDkHR0Q5CzU0UZtMc9txyLwgCSiEHbltTkJqJA2GbZ7ctM_7AsS15V_H62ldInIo2IseZUWz_gIYDglEhnEdJRGkVjIFEMAyTQaKsYwhe-Li_qcYmf9j-XqkihS3rEs4FLy_s1nIyz5tgI-dEGN1h1J51xgZEumm2Zk3KTk91us_Tn-B8-r-xTK-wYeSyhvzod6LZDRp5WxwulUi1GHq7WdNnBtVnaau-UPmpQlM0jTu_TN7sJvPyQAQAA

can copy that^ exact code into https://svelte.dev/repl/ and no issue

Logs

No response

System Info

win11, win10, firefox

Severity

annoyance

Oct 14 '24 03:10 zoaha

It looks like a bug in Firefox, though this doesn't happen in Svelte 4.

Oct 14 '24 08:10 7nik

Hello,

The bug seem to only occurs with bind:textContent={string} AND an actual content {string} on the textarea...

Why did you add both ? There no bug with only bond:textContent :

https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAA2WQ4UrDMBSFXyUERydUWwVhi-1g-BjGH1ly1wbTJCS301H67qZrqYhw_5zz5R7OzUDP2kCk7H2gVnRAGT16T3OKVz-JeAGDkHR0fZCTU0UZtMcDtxyLwgCSiEHbhtTkLqJA2GbZ_etE_7AsS15V_C7bSukLkUbEWHOqre_xGEBwSqSzCGmURnEykCiGHhI4aasYwje-zS_qYY4fD1WRwubUiFcDt3aPaygZJs3xJORnE1xv1YN0xgVG2mi2ZU7KTU52u83cm-N_uF_Zl1bYMvJcQrc4LeimRUZeVscLpVIvRp4Wa7zdvjRLv9k5pc8aFGXTaePH-AMBaX87iAEAAA==

Oct 14 '24 15:10 adiguba

not intentional, I ported over old code from before svelte5 which itself is random examples I made a long time ago/internet code snippets.

is one preferred over the other??

Oct 30 '24 00:10 zoaha