This repository demonstrates input reset on hydration when using svelte-kit
npm run build
npm run preview -- --open
- Project (single input) opens in the browser
- Open devtools -> network
- Check "disable cache" and set throttling to "Slow 3G" fro better reproducibility
- Reload page
- Once the HTML has loaded, but before JS in run, type into the input
- JS arrives
Expected outcome: user input from step 6 is preserved
Actual outcome: input is empty after JS hydrates, causing poor UX on slow network.