fix(TableToolbarSearch): set focus on expanded search bar (carbon-des…

…ign-system#5637)
renmaddox · Mar 20, 2020 · a5280c9 · a5280c9
1 parent 8370de4
commit a5280c9
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);
   };