From 62ef8564a63241564ec6c7d9caa949a0e991ec14 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Fri, 28 Nov 2025 21:38:29 +0100
Subject: [PATCH] chore: add guards to composition

---
 frontend/src/ts/input/listeners/composition.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/ts/input/listeners/composition.ts b/frontend/src/ts/input/listeners/composition.ts
index d3961e77d..e3388a557 100644
--- a/frontend/src/ts/input/listeners/composition.ts
+++ b/frontend/src/ts/input/listeners/composition.ts
@@ -5,6 +5,7 @@ import * as TestLogic from "../../test/test-logic";
 import { setLastInsertCompositionTextData } from "../state";
 import * as CompositionDisplay from "../../elements/composition-display";
 import { onInsertText } from "../handlers/insert-text";
+import * as TestUI from "../../test/test-ui";
 
 const inputEl = getInputElement();
 
@@ -14,6 +15,7 @@ inputEl.addEventListener("compositionstart", (event) => {
     data: event.data,
   });
 
+  if (TestState.testRestarting || TestUI.resultCalculating) return;
   CompositionState.setComposing(true);
   CompositionState.setData("");
   setLastInsertCompositionTextData("");
@@ -28,6 +30,7 @@ inputEl.addEventListener("compositionupdate", (event) => {
     data: event.data,
   });
 
+  if (TestState.testRestarting || TestUI.resultCalculating) return;
   CompositionState.setData(event.data);
   CompositionDisplay.update(event.data);
 });
@@ -35,7 +38,7 @@ inputEl.addEventListener("compositionupdate", (event) => {
 inputEl.addEventListener("compositionend", async (event) => {
   console.debug("wordsInput event compositionend", { event, data: event.data });
 
-  if (TestState.testRestarting) return;
+  if (TestState.testRestarting || TestUI.resultCalculating) return;
   CompositionState.setComposing(false);
   CompositionState.setData("");
   CompositionDisplay.update("");