fix(select): reduce typeahead delay & focus selection bug (#8)

* fix: select component delay & focus selection bug * chore: storybook addon config
adaptui · Aug 25, 2020 · 676c3e2 · 676c3e2
1 parent 48c10fc
commit 676c3e2
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/.storybook/manager.js b/.storybook/manager.js
@@ -0,0 +1,14 @@
+import { addons } from "@storybook/addons";
+
+addons.setConfig({
+  isFullscreen: false,
+  showNav: true,
+  showPanel: true,
+  panelPosition: "bottom",
+  sidebarAnimations: true,
+  enableShortcuts: false,
+  isToolshown: true,
+  theme: undefined,
+  initialActive: "sidebar",
+  showRoots: false,
+});
diff --git a/src/select/SelectDropdown.ts b/src/select/SelectDropdown.ts
@@ -80,12 +80,14 @@ const useSelectDropdown = createHook<SelectDropdownOptions, BoxHTMLProps>({
             dataAttrValue.startsWith(typehead)
           ) {
             setCurrentId(item.id);
-            // remain dropdown open on setSelected
-            setSelected(dataAttrValue, true);
             move(item.id);
+            if (!visible) {
+              // remain dropdown open on setSelected
+              setSelected(dataAttrValue, true);
+            }
           }
         });
-      }, 400),
+      }, 150),
       [typehead],
     );