binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: custom search select input key down improvement (#3787)

Browse source
This commit is contained in:
Anmol Singh Bhatia 2024-02-26 19:46:00 +05:30 • committed by GitHub
parent 888268ac11
commit 67fdafb720
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 56 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/components/dropdowns/module.tsx
View file

@ -249,6 +249,13 @@ export const ModuleDropdown: React.FC<Props> = observer((props) => {
toggleDropdown();
};
const searchInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (query !== "" && e.key === "Escape") {
e.stopPropagation();
setQuery("");
}
};
useOutsideClickDetector(dropdownRef, handleClose);
const comboboxProps: any = {
@ -349,6 +356,7 @@ export const ModuleDropdown: React.FC<Props> = observer((props) => {
onChange={(e) => setQuery(e.target.value)}
placeholder="Search"
displayValue={(assigned: any) => assigned?.name}
onKeyDown={searchInputKeyDown}
/>
</div>
<div className="mt-2 max-h-48 space-y-1 overflow-y-scroll">