public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Fix PopoverPanel focus issue

Browse Source 
Fixes #20
This commit is contained in:
Ryan Gossiaux
2021-12-16 23:06:36 -08:00
parent f5130c6cc1
commit 6076a60837
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/popover/PopoverPanel.svelte
View File

@@ -40,7 +40,7 @@
? $openClosedState === State.Open ? $openClosedState === State.Open
: $api.popoverState === PopoverStates.Open; : $api.popoverState === PopoverStates.Open;
onMount(() => { $: (() => {
if (!focus) return; if (!focus) return;
if ($api.popoverState !== PopoverStates.Open) return; if ($api.popoverState !== PopoverStates.Open) return;
if (!$api.panel) return; if (!$api.panel) return;
@@ -49,7 +49,7 @@
if ($api.panel?.contains(activeElement)) return; // Already focused within Dialog if ($api.panel?.contains(activeElement)) return; // Already focused within Dialog
focusIn($api.panel!, Focus.First); focusIn($api.panel!, Focus.First);
}); })();
function handleWindowKeydown(event: KeyboardEvent) { function handleWindowKeydown(event: KeyboardEvent) {
if ($api.popoverState !== PopoverStates.Open) return; if ($api.popoverState !== PopoverStates.Open) return;