synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-18 13:35:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): prevent filter input update when focused (#8102)

Browse Source
This commit is contained in:
Bruno Quaresma
2023-06-20 10:46:04 -03:00
committed by GitHub
parent b8ba287128
commit a47a9b1cfe
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
site/src/components/Filter/filter.tsx
View File

@ -148,9 +148,14 @@ export const Filter = ({
const shouldDisplayError = hasError(error) && isApiValidationError(error)
const hasFilterQuery = filter.query !== ""
const [searchQuery, setSearchQuery] = useState(filter.query)
const inputRef = useRef<HTMLInputElement>(null)
useEffect(() => {
// We don't want to update this while the user is typing something or has the focus in the input
const isFocused = document.activeElement === inputRef.current
if (!isFocused) {
setSearchQuery(filter.query)
}
}, [filter.query])
return (
@ -186,6 +191,7 @@ export const Filter = ({
name: "query",
placeholder: "Search...",
value: searchQuery,
ref: inputRef,
onChange: (e) => {
setSearchQuery(e.target.value)
filter.debounceUpdate(e.target.value)