From 982fb44cde9ed83fcc5c8698c56e41e691e5a004 Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Tue, 2 Apr 2024 16:31:27 +0200
Subject: [PATCH] fix(dashboard): Combobox should not disable body after being
 closed (#6909)

**What**
- Fixes an issue where opening a Combobox inside a modal, and then closing the modal would result in the body preserving the `pointer-events: none;` style.
---
 .../src/components/common/combobox/combobox.tsx       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/admin-next/dashboard/src/components/common/combobox/combobox.tsx b/packages/admin-next/dashboard/src/components/common/combobox/combobox.tsx
index 21378b270b..1a51bc95e6 100644
--- a/packages/admin-next/dashboard/src/components/common/combobox/combobox.tsx
+++ b/packages/admin-next/dashboard/src/components/common/combobox/combobox.tsx
@@ -258,7 +258,6 @@ const ComboboxImpl = <T extends Value = string>(
         </Popover.Anchor>
         <Popover.Portal>
           <Popover.Content
-            asChild
             align="center"
             side="bottom"
             sideOffset={8}
@@ -322,6 +321,16 @@ const ComboboxImpl = <T extends Value = string>(
           </Popover.Content>
         </Popover.Portal>
       </PrimitiveComboboxProvider>
+      {open && (
+        <div
+          tabIndex={-1}
+          aria-hidden="true"
+          data-aria-hidden="true"
+          data-state="open"
+          className="fixed inset-0 size-full"
+          onClick={() => setOpen(false)}
+        />
+      )}
     </Popover.Root>
   )
 }