From 1b678041aba83161af6f856169684d1e14ff190f Mon Sep 17 00:00:00 2001
From: Will Chen <willchen90@gmail.com>
Date: Mon, 8 Dec 2025 11:13:52 -0800
Subject: [PATCH] Fix supabase list getting into drag list area (#1749)

Fixes #1717

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Disable `.app-region-drag` while `body[data-scroll-locked]` is present
to prevent drag interference with open Select.
>
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
8d5e4774dfa924e073d79dc999a5f065425e985b. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->







<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Fixes window dragging interfering with the Supabase project dropdown.
Disables dragging on .app-region-drag while the Radix Select is open by
targeting body[data-scroll-locked], so users can scroll and select
normally.

<sup>Written for commit 8d5e4774dfa924e073d79dc999a5f065425e985b.
Summary will update automatically on new commits.</sup>

<!-- End of auto-generated description by cubic. -->
---
 src/styles/globals.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 3c3dd2e..bcb8130 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -68,6 +68,21 @@
   app-region: no-drag;
 }
 
+/* 
+ * Disable drag region when select is open.
+ * See: https://github.com/dyad-sh/dyad/issues/1717
+ *
+ * Radix select component sets this data attribute when the select is open
+ * to disable scrolling on the body and we use this as a signal to disable
+ * dragging (e.g. the title bar).
+ *
+ * Note: We match any value (not just "1") because react-remove-scroll-bar
+ * increments this counter for nested scroll locks (e.g., select inside dialog).
+ */
+body[data-scroll-locked] .app-region-drag {
+  app-region: no-drag;
+}
+
 .h-screenish {
   height: calc(100vh - 64px);
 }