From 1eafd5e8437ca66096f54ff017f62530528f3bb7 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 13 Mar 2024 09:22:13 +0000
Subject: [PATCH] Fix issue with drawer positioning when nesting drawers with
 no target

---
 packages/bbui/src/Drawer/Drawer.svelte | 66 ++++++++++++--------------
 1 file changed, 30 insertions(+), 36 deletions(-)

diff --git a/packages/bbui/src/Drawer/Drawer.svelte b/packages/bbui/src/Drawer/Drawer.svelte
index 8bb11b833a..04e678c4e5 100644
--- a/packages/bbui/src/Drawer/Drawer.svelte
+++ b/packages/bbui/src/Drawer/Drawer.svelte
@@ -172,43 +172,37 @@
 
 {#if visible}
   <Portal target=".modal-container">
-    <div class="drawer-container">
-      <div
-        class="underlay"
-        class:hidden={!$modal}
-        transition:drawerFade|local
-      />
-      <div
-        class="drawer"
-        class:stacked={depth > 0}
-        class:modal={$modal}
-        transition:drawerSlide|local
-        {style}
-      >
-        <header>
-          {#if $$slots.title}
-            <slot name="title" />
-          {:else}
-            <div class="text">{title || "Bindings"}</div>
+    <div class="underlay" class:hidden={!$modal} transition:drawerFade|local />
+    <div
+      class="drawer"
+      class:stacked={depth > 0}
+      class:modal={$modal}
+      transition:drawerSlide|local
+      {style}
+    >
+      <header>
+        {#if $$slots.title}
+          <slot name="title" />
+        {:else}
+          <div class="text">{title || "Bindings"}</div>
+        {/if}
+        <div class="buttons">
+          <Button secondary quiet on:click={hide}>Cancel</Button>
+          <slot name="buttons" />
+          {#if $resizable}
+            <ActionButton
+              size="M"
+              quiet
+              selected={$modal}
+              on:click={() => modal.set(!$modal)}
+            >
+              <Icon name={$modal ? "Minimize" : "Maximize"} size="S" />
+            </ActionButton>
           {/if}
-          <div class="buttons">
-            <Button secondary quiet on:click={hide}>Cancel</Button>
-            <slot name="buttons" />
-            {#if $resizable}
-              <ActionButton
-                size="M"
-                quiet
-                selected={$modal}
-                on:click={() => modal.set(!$modal)}
-              >
-                <Icon name={$modal ? "Minimize" : "Maximize"} size="S" />
-              </ActionButton>
-            {/if}
-          </div>
-        </header>
-        <slot name="body" />
-        <div class="overlay" class:hidden={$modal || depth === 0} />
-      </div>
+        </div>
+      </header>
+      <slot name="body" />
+      <div class="overlay" class:hidden={$modal || depth === 0} />
     </div>
   </Portal>
 {/if}