From bd00c6185bbd555553f80b761116c4bb35cbc91c Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:47:44 +0100
Subject: [PATCH] Update bounding on opening of menu (#3359)

---
 packages/ui-components/src/components/layout/Menu.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ui-components/src/components/layout/Menu.vue b/packages/ui-components/src/components/layout/Menu.vue
index 3cc080259..b64611c4c 100644
--- a/packages/ui-components/src/components/layout/Menu.vue
+++ b/packages/ui-components/src/components/layout/Menu.vue
@@ -153,7 +153,12 @@ const chooseItem = (item: LayoutMenuItem, event: MouseEvent) => {
   emit('chosen', { item, event })
 }
 
-const toggle = () => menuButton.value?.el.click()
+const toggle = () => {
+  menuButton.value?.el.click()
+  if (props.mountMenuOnBody) {
+    menuButtonBounding.update()
+  }
+}
 
 // ok this is a bit hacky, but it's done because of headlessui's limited API
 // the point of this is 1) cast any to bool 2) store 'open' state locally