SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

implemented mouse action on dropdown

Browse Source 
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
Stephan Richter
2026-03-17 08:28:06 +01:00
parent 5c0efe5730
commit 2fcf024410
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/Components/Autocomplete.svelte
View File

@@ -42,6 +42,16 @@
console.warn(`${candidate.display} selected, but onSelect not overridden!`) console.warn(`${candidate.display} selected, but onSelect not overridden!`)
} }
async function ondblclick(evt){
const select = evt.target;
const idx = select.value;
candidate = candidates[idx];
candidates = [];
selected = [];
console.log(candidate);
onSelect(candidate);
}
async function onkeyup(ev){ async function onkeyup(ev){
if (ignore.includes(ev.key)) return; if (ignore.includes(ev.key)) return;
if (ev.key == 'ArrowDown'){ if (ev.key == 'ArrowDown'){
@@ -96,7 +106,7 @@
<div> <div>
<input type="text" bind:value={candidate.display} {onkeyup} /> <input type="text" bind:value={candidate.display} {onkeyup} />
{#if candidates && candidates.length > 0} {#if candidates && candidates.length > 0}
<select bind:value={selected} multiple tabindex="-1"> <select bind:value={selected} {ondblclick} multiple tabindex="-1">
{#each candidates as candidate,i} {#each candidates as candidate,i}
<option value={i}>{candidate.display}</option> <option value={i}>{candidate.display}</option>
{/each} {/each}