From 16f248d9deb8c4c4b19f577b5bdcc17266229242 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Sat, 13 Jul 2024 21:28:51 +0200
Subject: [PATCH] fix(tape mode): test words sometimes being clipped

---
 frontend/src/ts/test/test-ui.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/ts/test/test-ui.ts b/frontend/src/ts/test/test-ui.ts
index b7c8bfe3d..f60465a09 100644
--- a/frontend/src/ts/test/test-ui.ts
+++ b/frontend/src/ts/test/test-ui.ts
@@ -337,7 +337,7 @@ function getWordHTML(word: string): string {
   return retval;
 }
 
-function updateWordWrapperClasses(initial = false): void {
+function updateWordWrapperClasses(): void {
   if (Config.tapeMode !== "off") {
     $("#words").addClass("tape");
     $("#wordsWrapper").addClass("tape");
@@ -375,7 +375,9 @@ function updateWordWrapperClasses(initial = false): void {
 
   updateWordsWidth();
   updateWordsHeight(true);
-  void updateWordsInputPosition(initial);
+  setTimeout(() => {
+    void updateWordsInputPosition(true);
+  }, 250);
 }
 
 export function showWords(): void {
@@ -398,7 +400,7 @@ export function showWords(): void {
     void Caret.updatePosition();
   }, 125);
 
-  updateWordWrapperClasses(true);
+  updateWordWrapperClasses();
 }
 
 const posUpdateLangList = ["japanese", "chinese", "korean"];