fix: avoid server round trips when playing Sverdle with a keyboard (#416)

teemingc · web-flow · commit 9996b070cbe6 · 2025-01-23T08:35:45.000-08:00
diff --git a/.changeset/three-humans-pay.md b/.changeset/three-humans-pay.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/create': patch
+---
+
+fix: ensure Sverdle keyboard events modify game state without a trip to the server if client-side JavaScript is enabled
diff --git a/packages/create/templates/demo/src/routes/sverdle/+page.svelte b/packages/create/templates/demo/src/routes/sverdle/+page.svelte
@@ -99,7 +99,7 @@
 
 		document
 			.querySelector(`[data-key="${event.key}" i]`)
-			?.dispatchEvent(new MouseEvent('click', { cancelable: true }));
+			?.dispatchEvent(new MouseEvent('click', { cancelable: true, bubbles: true }));
 	}
 </script>
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@sveltejs/create': patch
 +---
++
 +fix: ensure Sverdle keyboard events modify game state without a trip to the server if client-side JavaScript is enabled
Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@`
`99`	`99`
`100`	`100`	`document`
`101`	`101`	.querySelector(`[data-key="${event.key}" i]`)
`102`		`- ?.dispatchEvent(new MouseEvent('click', { cancelable: true }));`
	`102`	`+ ?.dispatchEvent(new MouseEvent('click', { cancelable: true, bubbles: true }));`
`103`	`103`	`}`
`104`	`104`	`</script>`
`105`	`105`