lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Philipp Dormann 2025-05-20 01:24:42 +02:00
parent 4d79589903
commit 9ef34359d8
Signed by: philipp
GPG Key ID: 3BB9ADD52DCA4314
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/tools/VirtualSelect.svelte
View File

@ -166,16 +166,18 @@
updateVisibleItems(); updateVisibleItems();
} }
// Initialize container size observer and autofocus // Initialize container size observer and autofocus fallback
onMount(() => { onMount(async () => {
if (container) { if (container) {
const resizeObserver = new ResizeObserver(updateVisibleCount); const resizeObserver = new ResizeObserver(updateVisibleCount);
resizeObserver.observe(container); resizeObserver.observe(container);
if (autofocus && inputElement) {
inputElement.focus();
}
return () => resizeObserver.disconnect(); return () => resizeObserver.disconnect();
} }
// Fallback autofocus with tick to ensure inputElement is bound
if (autofocus && inputElement) {
await tick();
inputElement.focus();
}
}); });
// Get display text for the input // Get display text for the input
@ -204,6 +206,7 @@
class="w-full bg-transparent focus:outline-none {selected class="w-full bg-transparent focus:outline-none {selected
? 'text-black' ? 'text-black'
: 'text-gray-700'}" : 'text-gray-700'}"
{autofocus}
on:focus={handleInputFocus} on:focus={handleInputFocus}
on:input={handleInput} on:input={handleInput}
on:keydown={(e) => { on:keydown={(e) => {