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;
|
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 {
|
.h-screenish {
|
||||||
height: calc(100vh - 64px);
|
height: calc(100vh - 64px);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user