Arreglar selección de jugador existente en ScoreboardPanel

src/dashboard/example/components/ScoreboardPanel.vue

@@ -14,6 +14,8 @@ const leftInput = ref('');
 const rightInput = ref('');
 const leftFocused = ref(false);
 const rightFocused = ref(false);
+const leftIgnoreInputSync = ref(false);
+const rightIgnoreInputSync = ref(false);
 
 const leftCountryInput = ref('');
 const rightCountryInput = ref('');
@@ -202,6 +204,8 @@ const onLeftSelect = (playerId: string) => {
     return;
   }
 
+  leftIgnoreInputSync.value = true;
+  leftFocused.value = false;
   scoreboardStore.scoreboard.leftNameOverride = '';
   leftFilter.value = '';
   leftInput.value = getPlayerLabel(playerId);
@@ -214,6 +218,8 @@ const onRightSelect = (playerId: string) => {
     return;
   }
 
+  rightIgnoreInputSync.value = true;
+  rightFocused.value = false;
   scoreboardStore.scoreboard.rightNameOverride = '';
   rightFilter.value = '';
   rightInput.value = getPlayerLabel(playerId);
@@ -309,6 +315,11 @@ const saveRightSelectedPlayerChanges = () => {
 watch(
   leftInput,
   (value) => {
+    if (leftIgnoreInputSync.value) {
+      leftIgnoreInputSync.value = false;
+      return;
+    }
+
     if (!leftFocused.value) {
       return;
     }
@@ -323,6 +334,11 @@ watch(
 watch(
   rightInput,
   (value) => {
+    if (rightIgnoreInputSync.value) {
+      rightIgnoreInputSync.value = false;
+      return;
+    }
+
     if (!rightFocused.value) {
       return;
     }