GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-11-10 14:47:12 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Do not open autocomplete on clicking input

Browse source
This commit is contained in:
Henrik Giesel 2021-07-02 13:13:58 +02:00
parent 95806c5176
commit 63dc42cff6
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ts/components/WithDropdown.svelte
View file

@ -12,6 +12,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
export let autoClose: boolean | "inside" | "outside" = true; export let autoClose: boolean | "inside" | "outside" = true;
export let placement = "bottom-start"; export let placement = "bottom-start";
export let toggleOpen = true;
export let drop: "down" | "up" | "left" | "right" = "down"; export let drop: "down" | "up" | "left" | "right" = "down";
$: dropClass = `drop${drop}`; $: dropClass = `drop${drop}`;
@ -35,6 +36,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
/* avoid focusing element toggle on menu activation */ /* avoid focusing element toggle on menu activation */
toggle.focus = noop; toggle.focus = noop;
if (!toggleOpen) {
/* do not open on clicking toggle */
toggle.addEventListener = noop;
}
dropdown = new Dropdown(toggle, { dropdown = new Dropdown(toggle, {
autoClose, autoClose,
popperConfig: (defaultConfig: Record<string, any>) => ({ popperConfig: (defaultConfig: Record<string, any>) => ({

2
ts/editor/WithAutocomplete.svelte
View file

@ -122,7 +122,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
} }
</script> </script>
<WithDropdown {drop} let:createDropdown> <WithDropdown {drop} toggleOpen={false} let:createDropdown>
<slot createAutocomplete={createAutocomplete(createDropdown)} /> <slot createAutocomplete={createAutocomplete(createDropdown)} />
<DropdownMenu class={className}> <DropdownMenu class={className}>