[pull] master from monkeytypegame:master

frontend/src/ts/commandline/lists.ts

@@ -342,9 +342,9 @@ export const commands: CommandsSubgroup = {
       exec: async (): Promise<void> => {
         // window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ");
         (document.querySelector("body") as HTMLElement).innerHTML = `
-          <div class="centerbox" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events: none;">
+          <div class="centerbox" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events: none;width: 100%; max-width: 800px;">
             <h1 style="font-size:3rem;margin-bottom:1rem;">Fixing skill issue...</h1>
-            <iframe width="800" height="600" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=Kr48u8WHcwvX95G7&amp;controls=0&autoplay=1&mute=0&disablekb=1&fs=0&modestbranding=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            <iframe style="width: 100%; aspect-ratio: 4 / 3" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=Kr48u8WHcwvX95G7&amp;controls=0&autoplay=1&mute=0&disablekb=1&fs=0&modestbranding=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
           </div>
         `;
         setTimeout(() => {

frontend/src/ts/event-handlers/global.ts

@@ -11,14 +11,14 @@ import * as TestLogic from "../test/test-logic";
 import { navigate } from "../controllers/route-controller";
 import { isInputElementFocused } from "../input/input-element";
 import * as ManualRestart from "../test/manual-restart-tracker";
+import * as TestState from "../test/test-state";
 
 document.addEventListener("keydown", (e) => {
   if (PageTransition.get()) return;
   if (e.key === undefined) return;
 
   const pageTestActive: boolean = ActivePage.get() === "test";
-
-  if (pageTestActive && !isInputElementFocused()) {
+  if (pageTestActive && !TestState.resultVisible && !isInputElementFocused()) {
     const popupVisible: boolean = Misc.isAnyPopupVisible();
     // this is nested because isAnyPopupVisible is a bit expensive
     // and we don't want to call it during the test

frontend/src/ts/input/handlers/insert-text.ts

@@ -62,12 +62,12 @@ type OnInsertTextParams = {
 
 export async function onInsertText(options: OnInsertTextParams): Promise<void> {
   const { now, lastInMultiIndex, isCompositionEnding } = options;
+  const { inputValue } = getInputElementValue();
 
   if (options.data.length > 1) {
     // remove the entire data from the input value
     // make sure to not call TestInput.input.syncWithInputElement in here
     // it will be updated later in the body of onInsertText
-    const { inputValue } = getInputElementValue();
     setInputElementValue(inputValue.slice(0, -options.data.length));
     for (let i = 0; i < options.data.length; i++) {
       const char = options.data[i] as string;
@@ -88,6 +88,10 @@ export async function onInsertText(options: OnInsertTextParams): Promise<void> {
     TestWords.words.getCurrent()[TestInput.input.current.length] !==
       options.data
   ) {
+    // replace the data with the override
+    setInputElementValue(
+      inputValue.slice(0, -options.data.length) + charOverride
+    );
     await onInsertText({
       ...options,
       data: charOverride,

package.json

@@ -89,6 +89,6 @@
       "eslint"
     ]
   },
-  "version": "25.46.0",
+  "version": "25.48.0",
   "packageManager": "pnpm@9.6.0"
 }