SvelteKit reloads pages and clears form data on mobile

[mharding7va]

Describe the bug

I have an issue on mobile (iOS/iPhone). I'm developing a form that has text inputs. If I enter some data and swipe to a different app for a short while, when I swipe back to the SvelteKit app, it refreshes the page and clears all the form inputs. Just tested and this even happens if I simply add an input the index.svelte of the skeleton app after a fresh SvelteKit install.

This does not seem to happen with Svelte apps. Only SvelteKit apps.

Mobile ONLY! Desktop apps are fine

Reproduction

Install the skeleton SvelteKit app.
Add an input to the index.svelte page.
Run the app
Enter some data in the form input
Switch to another app
Wait 5+ seconds
Switch back to the SvelteKit app
Watch the form data clear...

Logs

No response

System Info

System:
    OS: macOS 12.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
    Memory: 48.90 MB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 17.5.0 - /usr/local/bin/node
    npm: 8.5.1 - /usr/local/bin/npm
  Browsers:
    Brave Browser: 98.1.35.104
    Chrome: 98.0.4758.109
    Firefox: 97.0.1
    Safari: 15.2
  npmPackages:
    @sveltejs/adapter-auto: next => 1.0.0-next.30 
    @sveltejs/kit: next => 1.0.0-next.292 
    svelte: ^3.44.0 => 3.46.4

Severity

blocking all usage of SvelteKit

Additional Information

No response

[Conduitry]

Is this in dev mode, or a production version of the app?

[mharding7va]

Dev mode.

[baseballyama]

I created a simple kit app with a <input> tag.
And I access the app over ngrok, but I couldn't reproduce it.
So could you please share us specific reproduce step?

<script>
	let name = 'world';
</script>

{name}
<input bind:value={name}>

<h1>Hello {name}!</h1>

RPReplay_Final1646555605-1.mov

[mharding7va]

Dev server started on mac.

SvelteKit v1.0.0-next.294

  local:   http://localhost:3000
  network: http://192.168.1.148:3000

Code in the index.svelte from the skeleton installation with a form and input element added.

<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>

<form action="">
	<input type="text" name="email" id="email" />
</form>

Accessed the app by the network IP address provided by the --host option. http://192.168.1.148:3000

"scripts": {
		"dev": "svelte-kit dev --host",

Link to screen recording showing the issue on my iPhone.
https://youtu.be/0lulzwWF8_U