DBC22-1075: select first item on hitting enter/return

bcgov · Oct 27, 2023 · 6f6a17a · 6f6a17a
1 parent bacb537
commit 6f6a17a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/frontend/src/Components/map/LocationSearch.js b/src/frontend/src/Components/map/LocationSearch.js
@@ -55,6 +55,11 @@ export default function LocationSearch(props) {
       onSearch={loadLocationOptions}
       options={options}
       placeholder="Search for a location..."
+      highlightOnlyResult={true}
+      selectHint={(shouldSelect, e) => {
+        // Select the hint if the user hits 'enter'
+        return e.keyCode === 13 || shouldSelect;
+      }}
       renderMenuItemChildren={location => (
         <div>
           <span>{location.properties.fullAddress}</span>