Merge pull request #292 from liam-hq/enable_clicking_while_table_deta…

…il_opened Enable clicking while Table Detail opened
liam-hq · Dec 17, 2024 · 00ec1d7 · 00ec1d7
2 parents f290a9d + e21fdc5
commit 00ec1d7
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/frontend/.changeset/stale-bags-join.md b/frontend/.changeset/stale-bags-join.md
@@ -0,0 +1,6 @@
+---
+"@liam-hq/erd-core": patch
+"@liam-hq/cli": patch
+---
+
+Enable clicking while Table Detail opened
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDRenderer.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDRenderer.module.css
@@ -2,6 +2,9 @@
   display: grid;
   grid-template-rows: auto 1fr;
   height: 100%;
+  /* NOTE: workaround for that drawer with modal={false} does not work */
+  /* ref: https://github.com/emilkowalski/vaul/issues/492 */
+  pointer-events: all;
 }
 
 .mainWrapper {

diff --git a/...tend/packages/erd-core/src/components/ERDRenderer/TableDetailDrawer/TableDetailDrawer.tsx b/...tend/packages/erd-core/src/components/ERDRenderer/TableDetailDrawer/TableDetailDrawer.tsx
@@ -25,6 +25,7 @@ export const TableDetailDrawerRoot: FC<PropsWithChildren> = ({ children }) => {
       snapPoints={[]}
       open={open}
       onClose={handleClose}
+      modal={false}
     >
       {children}
     </DrawerRoot>