From c06f60c758f83f7cd915e601531458ea3f99b962 Mon Sep 17 00:00:00 2001
From: Wesley Dai <slipyslidymaple@gmail.com>
Date: Tue, 17 Dec 2024 22:43:09 -0600
Subject: [PATCH] fix: resolve grid popup clipping to grid dimensions

---
 src/components/FolderStructureGrid.tsx | 1 +
 src/components/MusicGrid.tsx           | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/FolderStructureGrid.tsx b/src/components/FolderStructureGrid.tsx
index a139e72..2c1541c 100644
--- a/src/components/FolderStructureGrid.tsx
+++ b/src/components/FolderStructureGrid.tsx
@@ -172,6 +172,7 @@ export const FolderStructureGrid: React.FC = () => {
         gridOptions={gridOptions.current}
         onGridReady={onGridReady}
         reactUi={true}
+        popupParent={document.querySelector('body') || undefined}
       ></AgGridReact>
     </div>
   );
diff --git a/src/components/MusicGrid.tsx b/src/components/MusicGrid.tsx
index 8249811..941f370 100644
--- a/src/components/MusicGrid.tsx
+++ b/src/components/MusicGrid.tsx
@@ -344,6 +344,7 @@ const MusicGrid: React.FC<{
         onModelUpdated={onModelUpdated}
         onGridReady={onGridReady}
         reactUi={true}
+        popupParent={document.querySelector('body') || undefined}
         context={gridContext}
       ></AgGridReact>
     </div>