fix: ellipsis not working correctly

closes #7156
closes #7149

Author: Miodec

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,