fix: cleared input debounce on search chip input to avoid race condit…

…ions
zextras · Feb 11, 2022 · 4a9de94 · 4a9de94
1 parent 6203724
commit 4a9de94
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/search/search-bar.tsx b/src/search/search-bar.tsx
@@ -295,6 +295,7 @@ export const SearchBar: FC<SearchBarProps> = ({ currentApp, primaryAction, secon
 		},
 		[query, updateOptions, isTyping]
 	);
+
 	useEffect(() => {
 		if (moduleSelection?.value) {
 			const suggestions = filter(
@@ -339,7 +340,7 @@ export const SearchBar: FC<SearchBarProps> = ({ currentApp, primaryAction, secon
 		const ref = inputRef.current;
 		const searchCb = (ev: any): void => {
 			if (ev.key === 'Enter') {
-				setTriggerSearch(true);
+				setTimeout(() => setTriggerSearch(true), 0);
 			}
 		};
 		if (ref) {
@@ -351,6 +352,7 @@ export const SearchBar: FC<SearchBarProps> = ({ currentApp, primaryAction, secon
 			}
 		};
 	}, [onSearch]);
+
 	useEffect(() => {
 		if (triggerSearch) {
 			onSearch();
@@ -477,6 +479,7 @@ export const SearchBar: FC<SearchBarProps> = ({ currentApp, primaryAction, secon
 									}}
 									onChange={onQueryChange}
 									onInputType={onInputType}
+									onInputTypeDebounce={0}
 									onBlur={removeFocus}
 									onFocus={addFocus}
 									disableOptions={disableOptions}