Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-11-02 18:47:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): prevent combobox options from disappearing (#7733)

Browse Source
This commit is contained in:
Michel Heusschen 2024-03-12 20:21:42 +01:00 committed by GitHub
parent 17d7d9364f
commit 82aabc63f5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/lib/components/shared-components/combobox.svelte
View File

@ -24,6 +24,7 @@
export let placeholder = ''; export let placeholder = '';
let isOpen = false; let isOpen = false;
let inputFocused = false;
let searchQuery = selectedOption?.label || ''; let searchQuery = selectedOption?.label || '';
$: filteredOptions = options.filter((option) => option.label.toLowerCase().includes(searchQuery.toLowerCase())); $: filteredOptions = options.filter((option) => option.label.toLowerCase().includes(searchQuery.toLowerCase()));
@ -36,11 +37,16 @@
const handleClick = () => { const handleClick = () => {
searchQuery = ''; searchQuery = '';
isOpen = true; isOpen = true;
inputFocused = true;
dispatch('click'); dispatch('click');
}; };
let handleOutClick = () => { let handleOutClick = () => {
isOpen = false; // In rare cases it's possible for the input to still have focus and
// outclick to fire.
if (!inputFocused) {
isOpen = false;
}
}; };
let handleSelect = (option: ComboBoxOption) => { let handleSelect = (option: ComboBoxOption) => {
@ -79,6 +85,7 @@
value={isOpen ? '' : selectedOption?.label || ''} value={isOpen ? '' : selectedOption?.label || ''}
on:input={(e) => (searchQuery = e.currentTarget.value)} on:input={(e) => (searchQuery = e.currentTarget.value)}
on:focus={handleClick} on:focus={handleClick}
on:blur={() => (inputFocused = false)}
/> />
<div <div