fix: highlight scatter axes on facet inputs focus (#2484)

Author: graphieros

app/components/Compare/FacetScatterChart.vue

@@ -310,7 +310,8 @@ function toggleAxisHighlight(state: AxisHighlight) {
           @change="step += 1"
           @mouseenter="toggleAxisHighlight('x')"
           @mouseleave="toggleAxisHighlight(null)"
-          @blur="toggleAxisHighlight(null)"
+          @focusin="toggleAxisHighlight('x')"
+          @focusout="toggleAxisHighlight(null)"
         />
         <SelectField
           class="w-full"
@@ -323,7 +324,8 @@ function toggleAxisHighlight(state: AxisHighlight) {
           @change="step += 1"
           @mouseenter="toggleAxisHighlight('y')"
           @mouseleave="toggleAxisHighlight(null)"
-          @blur="toggleAxisHighlight(null)"
+          @focusin="toggleAxisHighlight('y')"
+          @focusout="toggleAxisHighlight(null)"
         />
       </div>