From ca3b293344075c2b9d827873b73b3bfddf03319d Mon Sep 17 00:00:00 2001
From: byseif21 <byseif21@gmail.com>
Date: Sat, 20 Dec 2025 23:33:36 +0200
Subject: [PATCH] chore: TypeError when deleting in zen (@byseif21)

---
 frontend/src/ts/test/test-ui.ts | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/frontend/src/ts/test/test-ui.ts b/frontend/src/ts/test/test-ui.ts
index f7422084f..0b58743ee 100644
--- a/frontend/src/ts/test/test-ui.ts
+++ b/frontend/src/ts/test/test-ui.ts
@@ -133,18 +133,20 @@ export function updateActiveElement(
 
     let previousActiveWordTop: number | null = null;
     if (initial === undefined) {
-      const previousActiveWord = wordsEl.querySelector(
-        ".active",
-      ) as HTMLElement;
-      if (direction === "forward") {
-        previousActiveWord.classList.add("typed");
-      } else if (direction === "back") {
-        if (Config.mode === "zen") {
-          previousActiveWord.remove();
+      const previousActiveWord = wordsEl.querySelector<HTMLElement>(".active");
+      if (previousActiveWord !== null) {
+        previousActiveWordTop = previousActiveWord.offsetTop;
+        if (direction === "forward") {
+          previousActiveWord.classList.add("typed");
+          previousActiveWord.classList.remove("active");
+        } else if (direction === "back") {
+          if (Config.mode === "zen") {
+            previousActiveWord.remove();
+          } else {
+            previousActiveWord.classList.remove("active");
+          }
         }
       }
-      previousActiveWord.classList.remove("active");
-      previousActiveWordTop = previousActiveWord.offsetTop;
     }
 
     const newActiveWord = getActiveWordElement();