refactor: move tape scrolling function call to the ui file

Author: Miodec

frontend/src/ts/controllers/input-controller.ts

@@ -1083,9 +1083,6 @@ $(document).on("keydown", async (event) => {
     } else {
       handleChar("\n", TestInput.input.current.length);
       setWordsInput(" " + TestInput.input.current);
-      if (Config.tapeMode !== "off") {
-        TestUI.scrollTape();
-      }
     }
   }
 
@@ -1140,9 +1137,6 @@ $(document).on("keydown", async (event) => {
       handleChar(event.key, TestInput.input.current.length);
       updateUI();
       setWordsInput(" " + TestInput.input.current);
-      if (Config.tapeMode !== "off") {
-        TestUI.scrollTape();
-      }
     }
   }
 
@@ -1160,9 +1154,6 @@ $(document).on("keydown", async (event) => {
       updateUI();
       setWordsInput(" " + TestInput.input.current);
     }
-    if (Config.tapeMode !== "off") {
-      TestUI.scrollTape();
-    }
   }
 
   isBackspace = event.key === "Backspace" || event.key === "delete";
@@ -1377,10 +1368,6 @@ $("#wordsInput").on("input", (event) => {
 
   setWordsInput(" " + TestInput.input.current);
   updateUI();
-  if (Config.tapeMode !== "off") {
-    TestUI.scrollTape();
-  }
-
   const statebefore = CompositionState.getComposing();
   setTimeout(() => {
     // checking composition state during the input event and on the next loop

frontend/src/ts/test/test-ui.ts

@@ -252,6 +252,9 @@ export function updateActiveElement(
   if (!initial && shouldUpdateWordsInputPosition()) {
     void updateWordsInputPosition();
   }
+  if (Config.tapeMode !== "off") {
+    scrollTape();
+  }
 }
 
 async function updateHintsPosition(): Promise<void> {