Use FAST_DEBOUNCE

superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx

@@ -44,6 +44,7 @@ import { waitForAsyncData } from 'src/middleware/asyncEvent';
 import { ClientErrorObject } from 'src/utils/getClientErrorObject';
 import { FilterBarOrientation, RootState } from 'src/dashboard/types';
 import { onFiltersRefreshSuccess } from 'src/dashboard/actions/dashboardState';
+import { FAST_DEBOUNCE } from 'src/constants';
 import { dispatchHoverAction, dispatchFocusAction } from './utils';
 import { FilterControlProps } from './types';
 import { getFormData } from '../../utils';
@@ -214,7 +215,7 @@ const FilterValue: React.FC<FilterControlProps> = ({
     if (focusedFilterId && focusedFilterId === filter.id) {
       setTimeout(() => {
         inputRef?.current?.focus();
-      }, 100);
+      }, FAST_DEBOUNCE);
     }
   }, [inputRef, focusedFilterId, filter.id]);
 

superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/utils.ts

@@ -24,6 +24,7 @@ import {
   setHoveredNativeFilter,
   unsetHoveredNativeFilter,
 } from 'src/dashboard/actions/nativeFilters';
+import { FAST_DEBOUNCE } from 'src/constants';
 
 export const dispatchHoverAction = debounce(
   (dispatch: Dispatch<any>, id?: string) => {
@@ -33,7 +34,7 @@ export const dispatchHoverAction = debounce(
       dispatch(unsetHoveredNativeFilter());
     }
   },
-  300,
+  FAST_DEBOUNCE,
 );
 
 export const dispatchFocusAction = debounce(
@@ -44,5 +45,5 @@ export const dispatchFocusAction = debounce(
       dispatch(unsetFocusedNativeFilter());
     }
   },
-  300,
+  FAST_DEBOUNCE,
 );