From f849427ce6cdacd6a4632bf7512d44e0ec7b7256 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Sun, 14 Jul 2024 15:27:09 -0400
Subject: [PATCH] Work around action timing change in Svelte 5 by updating
 example to specific explicit `target: document.body`.  Resolves #437

---
 packages/svelte-ux/src/routes/docs/actions/portal/+page.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte-ux/src/routes/docs/actions/portal/+page.svelte b/packages/svelte-ux/src/routes/docs/actions/portal/+page.svelte
index 4841d35d9..7ab9d232e 100644
--- a/packages/svelte-ux/src/routes/docs/actions/portal/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/actions/portal/+page.svelte
@@ -17,7 +17,8 @@
   <div class="relative">
     <Toggle let:on={enabled} let:toggleOn let:toggleOff>
       <Button on:click={toggleOn} class="border mt-4">Move to body</Button>
-      <div use:portal={enabled} class="portal-content">
+      <!-- Explicit "target: document.body" only needed because ".PortalTarget" exists other examples -->
+      <div use:portal={{ enabled, target: document.body }} class="portal-content">
         <div>Portal content</div>
         {#if enabled}
           <Button on:click={toggleOff} class="border mt-4">Move back to parent</Button>