feat(autocomplete): in trip planner, auto-select first result on enter (

#2363)
mbta · Feb 5, 2025 · d95d7c3 · d95d7c3
1 parent b28074d
commit d95d7c3
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/assets/ts/ui/autocomplete/config.ts b/assets/ts/ui/autocomplete/config.ts
@@ -210,6 +210,15 @@ const TRIP_PLANNER = ({
     onReset: (): void => {
       pushToLiveView({});
     },
+    onSubmit({ state, setQuery }) {
+      // Triggered by pressing enter on the input: selects the first result.
+      const results = state.collections.flatMap(collection => collection.items);
+      if (results.length > 0) {
+        const item = results[0];
+        // @ts-ignore
+        onSelect({ item, setQuery });
+      }
+    },
     getSources({ query }) {
       if (!query)
         return debounced([