rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: focus input after option click

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-25 16:47:21 -03:00
parent 42b1f4d62f
commit 4d67c484f9
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/javascripts/components/AutocompleteTagInput.tsx
View File

@@ -33,7 +33,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
const inputRef = useRef<HTMLInputElement>();
const dropdownRef = useRef<HTMLDivElement>();
const [closeOnBlur] = useCloseOnBlur(dropdownRef, (visible: boolean) => {
const [closeOnBlur, setLockCloseOnBlur] = useCloseOnBlur(dropdownRef, (visible: boolean) => {
setDropdownVisible(visible);
setSearchQuery('');
setTagResults(getActiveNoteTagResults(''));
@@ -46,20 +46,17 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
setDropdownVisible(true);
};
const reloadTags = (query: string) => {
setTagResults(getActiveNoteTagResults(query));
};
const onSearchQueryChange = (event: Event) => {
const query = (event.target as HTMLInputElement).value;
reloadTags(query);
setTagResults(getActiveNoteTagResults(query));
setSearchQuery(query);
};
const onOptionClick = async (tag: SNTag) => {
setLockCloseOnBlur(true);
await appState.notes.addTagToActiveNote(tag);
setSearchQuery('');
reloadTags(searchQuery);
inputRef.current.focus();
setLockCloseOnBlur(false);
};
return (