combobox: add home/end navigation (#475)

reach · Feb 17, 2020 · 6a78bbb · 6a78bbb
1 parent 0134a4a
commit 6a78bbb
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/packages/combobox/src/index.tsx b/packages/combobox/src/index.tsx
@@ -1024,6 +1024,38 @@ function useKeyDown() {
         }
         break;
       }
+      case "Home": {
+        // Don't scroll the page
+        event.preventDefault();
+
+        if (!options || options.length === 0) {
+          return;
+        }
+
+        if (state === IDLE) {
+          transition(NAVIGATE);
+        } else {
+          const firstOption = options[0].value;
+          transition(NAVIGATE, { value: firstOption });
+        }
+        break;
+      }
+      case "End": {
+        // Don't scroll the page
+        event.preventDefault();
+
+        if (!options || options.length === 0) {
+          return;
+        }
+
+        if (state === IDLE) {
+          transition(NAVIGATE);
+        } else {
+          const lastOption = options[options.length - 1].value;
+          transition(NAVIGATE, { value: lastOption });
+        }
+        break;
+      }
       case "Escape": {
         if (state !== IDLE) {
           transition(ESCAPE);