fix: out of focus warning sometimes showing even though words were focused

Author: Miodec

frontend/src/ts/commandline/commandline.ts

@@ -64,7 +64,7 @@ function removeCommandlineBackground(): void {
 
 function addCommandlineBackground(): void {
   qs("#commandLine")?.removeClass("noBackground");
-  if (Config.showOutOfFocusWarning && !isInputElementFocused()) {
+  if (!isInputElementFocused()) {
     OutOfFocus.show();
   }
 }

frontend/src/ts/test/out-of-focus.ts

@@ -1,4 +1,5 @@
 import * as Misc from "../utils/misc";
+import Config from "../config";
 
 const outOfFocusTimeouts: (number | NodeJS.Timeout)[] = [];
 
@@ -11,6 +12,7 @@ export function hide(): void {
 }
 
 export function show(): void {
+  if (!Config.showOutOfFocusWarning) return;
   outOfFocusTimeouts.push(
     setTimeout(() => {
       $("#words, #compositionDisplay")

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

@@ -465,7 +465,7 @@ function updateWordWrapperClasses(): void {
   void updateHintsPositionDebounced();
   Caret.updatePosition();
 
-  if (document.activeElement !== getInputElement()) {
+  if (!isInputElementFocused()) {
     OutOfFocus.show();
   }
 }
@@ -1998,7 +1998,7 @@ $("#wordsInput").on("focus", (e) => {
 });
 
 $("#wordsInput").on("focusout", () => {
-  if (!TestState.resultVisible && Config.showOutOfFocusWarning) {
+  if (!isInputElementFocused()) {
     OutOfFocus.show();
   }
   Caret.hide();