shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: simplify drag-to-scroll logic to enable dragging on any non-interactive element within the container (fixes my oopsie) (#328)

Browse Source
This commit is contained in:
Charity
2026-01-24 16:43:12 -05:00
committed by GitHub
parent 03bd2d771b
commit b18ef10313
1 changed files with 2 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/web/src/hooks/useDragToScroll.ts
View File

@@ -81,20 +81,8 @@ export function useDragToScroll({
// Don't start dragging if clicking on interactive elements // Don't start dragging if clicking on interactive elements
if (isInteractiveElement) return; if (isInteractiveElement) return;
// Check if clicking directly on the container (background) // Enable drag-to-scroll for any non-interactive element within the container
const isContainer = target === container; if (container.contains(target)) {
// Check if clicking on a spacer div (empty space between lists)
// Spacer divs are direct children with minimal/no content
const isDirectChild = container.contains(target) && target.parentElement === container;
const isSpacer =
isDirectChild &&
target.textContent?.trim() === "" &&
target.children.length === 0 &&
!target.closest("[data-rbd-droppable-id]");
// Allow dragging if clicking on the container background or spacer elements
if (isContainer || isSpacer) {
e.preventDefault(); e.preventDefault();
setIsDragging(true); setIsDragging(true);
startPosRef.current = { x: e.clientX, y: e.clientY }; startPosRef.current = { x: e.clientX, y: e.clientY };