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. -->
This commit is contained in:
Will Chen
2025-12-08 11:13:52 -08:00
committed by GitHub
parent 6d66e13ea2
commit 1b678041ab

View File

@@ -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);
}