https://github.com/thoughtspile/svelte-hydration-repro

https://github.com/thoughtspile/svelte-hydration-repro

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/thoughtspile/svelte-hydration-repro
• Owner: thoughtspile
• Created: 2022-08-08T14:54:09.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-08T15:03:41.000Z (over 2 years ago)
• Last Synced: 2023-12-13T03:00:58.430Z (about 1 year ago)
• Language: JavaScript
• Size: 33.2 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Reproduction: svelte clears `` on hydration

This repository demonstrates input reset on hydration when using svelte-kit

1. `npm run build`

2. `npm run preview -- --open`

3. Project (single input) opens in the browser 

4. Open devtools -> network

5. Check "disable cache" and set throttling to "Slow 3G" fro better reproducibility

6. Reload page

7. Once the HTML has loaded, but before JS in run, type into the input

8. 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.