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:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user