fix(TableToolbarSearch): set focus on expanded search bar (#5637)

carbon-design-system · Mar 18, 2020 · d6916b5 · d6916b5
1 parent 27b677a
commit d6916b5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react/src/components/DataTable/TableToolbarSearch.js b/packages/react/src/components/DataTable/TableToolbarSearch.js
@@ -80,14 +80,16 @@ const TableToolbarSearch = ({
   const handleExpand = (event, value = !expanded) => {
     if (!controlled && (!persistent || (!persistent && !persistant))) {
       setExpandedState(value);
+      if (value) {
+        setFocusTarget(searchRef);
+      }
     }
     if (onExpand) {
       onExpand(event, value);
     }
   };
 
   const onClick = e => {
-    setFocusTarget(searchRef);
     handleExpand(e, true);
   };