fix: work around dialog closing leaving pointer-events: none on the body

srcbookdev · Sep 10, 2024 · 3587e44 · 3587e44
1 parent ea99a37
commit 3587e44
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/packages/web/src/components/navbar.tsx b/packages/web/src/components/navbar.tsx
@@ -159,11 +159,29 @@ export function SessionNavbar(props: SessionNavbarProps) {
                   <span>Create Srcbook</span>
                   <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => setShowGenSrcbookModal(true)}>
+                <DropdownMenuItem onClick={() => {
+                  // FIXME: wrap this function calls in a setTimeout so that this runs after the
+                  // dropdown menu at least starts closing (ie, removes `pointer-events: none;`)
+                  //
+                  // Otherwise the Dialog this setState call opens and the DropdownMenu will fight
+                  // for control over the body tag styles.
+                  setTimeout(() => {
+                    setShowGenSrcbookModal(true);
+                  }, 0);
+                }}>
                   <SparklesIcon className="mr-2 h-4 w-4" />
                   <span>Generate Srcbook</span>
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => setShowImportSrcbookModal(true)}>
+                <DropdownMenuItem onClick={() => {
+                  // FIXME: wrap this function calls in a setTimeout so that this runs after the
+                  // dropdown menu at least starts closing (ie, removes `pointer-events: none;`)
+                  //
+                  // Otherwise the Dialog this setState call opens and the DropdownMenu will fight
+                  // for control over the body tag styles.
+                  setTimeout(() => {
+                    setShowImportSrcbookModal(true);
+                  }, 0);
+                }}>
                   <ImportIcon className="mr-2 h-4 w-4" />
                   <span>Open Srcbook</span>
                 </DropdownMenuItem>