use promise, explain

Author: dummdidumm

packages/svelte/src/internal/client/dom/elements/bindings/shared.js

@@ -57,7 +57,9 @@ export function listen_to_event_and_reset_event(element, event, handler, on_rese
 		document.addEventListener(
 			'reset',
 			(evt) => {
-				requestAnimationFrame(() => {
+				// Needs to happen one tick later or else the dom properties of the form
+				// elements have not updated to their reset values yet
+				Promise.resolve().then(() => {
 					if (!evt.defaultPrevented) {
 						for (const e of /**@type {HTMLFormElement} */ (evt.target).elements) {
 							// @ts-expect-error

packages/svelte/tests/runtime-runes/samples/bindings-form-reset/_config.js

@@ -10,7 +10,7 @@ export default test({
 		);
 
 		await target.querySelector('button')?.click();
-		await new Promise((r) => requestAnimationFrame(r));
+		await Promise.resolve();
 		assert.htmlEqual(
 			p?.innerHTML || '',
 			`{"text":"","checkbox":false,"radio_group":null,"checkbox_group":[],"select":"a","textarea":""}`