From 6076a608378f8a146c156f9de71004326c85d2a8 Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Thu, 16 Dec 2021 23:06:36 -0800
Subject: [PATCH] Fix PopoverPanel focus issue

Fixes #20
---
 src/lib/components/popover/PopoverPanel.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/popover/PopoverPanel.svelte b/src/lib/components/popover/PopoverPanel.svelte
index fb395ab..2904f3b 100644
--- a/src/lib/components/popover/PopoverPanel.svelte
+++ b/src/lib/components/popover/PopoverPanel.svelte
@@ -40,7 +40,7 @@
       ? $openClosedState === State.Open
       : $api.popoverState === PopoverStates.Open;
 
-  onMount(() => {
+  $: (() => {
     if (!focus) return;
     if ($api.popoverState !== PopoverStates.Open) return;
     if (!$api.panel) return;
@@ -49,7 +49,7 @@
     if ($api.panel?.contains(activeElement)) return; // Already focused within Dialog
 
     focusIn($api.panel!, Focus.First);
-  });
+  })();
 
   function handleWindowKeydown(event: KeyboardEvent) {
     if ($api.popoverState !== PopoverStates.Open) return;