diff --git a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.css b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.css index bb9f17313..51bbd55ce 100644 --- a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.css +++ b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.css @@ -48,14 +48,14 @@ border-radius: 0 0 3px 3px; border: solid thin $gray-light !important; box-shadow: 0 2px 2px 0 $gray-light; - /* padding: 20px; */ + min-height: 50px; background-color: white; max-height: 350px; overflow-y: auto; position: absolute; top: 28px; left: 0; - width: 500px; + width: 400px; z-index: 99; } diff --git a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx index e5336a353..333188b3e 100644 --- a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx +++ b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx @@ -58,7 +58,7 @@ function FilterAutoComplete(props: Props) { }).finally(() => setLoading(false)); } - const debouncedRequestValues = React.useCallback(debounce(requestValues, 500), []); + const debouncedRequestValues = React.useCallback(debounce(requestValues, 300), []); const onInputChange = ({ target: { value } }) => { setQuery(value); @@ -86,17 +86,12 @@ function FilterAutoComplete(props: Props) { const onItemClick = (e, item) => { e.stopPropagation(); e.preventDefault(); - // const { onSelect, name } = this.props; - if (query !== item.value) { setQuery(item.value); } - // this.setState({ query: item.value, ddOpen: false}) + props.onSelect(e, item); - // setTimeout(() => { - // setShowModal(false) - // }, 10) } return ( @@ -106,7 +101,6 @@ function FilterAutoComplete(props: Props) { name="query" onChange={ onInputChange } onBlur={ onBlur } - // onFocus={ () => setShowModal(true)} value={ query } autoFocus={ true } type="text" @@ -119,7 +113,6 @@ function FilterAutoComplete(props: Props) { />