Handle synthetic events even during composition

marijnh · marijnh · commit b7bf9d592bd3 · 2025-10-01T13:51:10.000+02:00
diff --git a/src/input.ts b/src/input.ts
@@ -162,7 +162,7 @@ export class InputState {
   }
 
   ignoreDuringComposition(event: Event): boolean {
-    if (!/^key/.test(event.type)) return false
+    if (!/^key/.test(event.type) || (event as any).synthetic) return false
     if (this.composing > 0) return true
     // See https://www.stum.de/2016/06/24/handling-ime-events-in-javascript/.
     // On some input method editors (IMEs), the Enter key is used to

Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@ export class InputState {`
`162`	`162`	`}`
`163`	`163`
`164`	`164`	`ignoreDuringComposition(event: Event): boolean {`
`165`		`- if (!/^key/.test(event.type)) return false`
	`165`	`+ if (!/^key/.test(event.type) \|\| (event as any).synthetic) return false`
`166`	`166`	`if (this.composing > 0) return true`
`167`	`167`	`// See https://www.stum.de/2016/06/24/handling-ime-events-in-javascript/.`
`168`	`168`	`// On some input method editors (IMEs), the Enter key is used to`