Restrict sidebar reordering to mouse input

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
dotta 2026-03-28 19:16:19 -05:00
parent 57357991e4
commit b1b3408efa
2 changed files with 6 additions and 4 deletions

View file

@ -4,7 +4,7 @@ import { useQueries } from "@tanstack/react-query";
import { import {
DndContext, DndContext,
closestCenter, closestCenter,
PointerSensor, MouseSensor,
useSensor, useSensor,
useSensors, useSensors,
type DragEndEvent, type DragEndEvent,
@ -244,7 +244,8 @@ export function CompanyRail() {
// Require 8px of movement before starting a drag to avoid interfering with clicks // Require 8px of movement before starting a drag to avoid interfering with clicks
const sensors = useSensors( const sensors = useSensors(
useSensor(PointerSensor, { // Keep sidebar reordering mouse-only so touch input can scroll/tap without drag affordances.
useSensor(MouseSensor, {
activationConstraint: { distance: 8 }, activationConstraint: { distance: 8 },
}) })
); );

View file

@ -4,7 +4,7 @@ import { useQuery } from "@tanstack/react-query";
import { ChevronRight, Plus } from "lucide-react"; import { ChevronRight, Plus } from "lucide-react";
import { import {
DndContext, DndContext,
PointerSensor, MouseSensor,
closestCenter, closestCenter,
type DragEndEvent, type DragEndEvent,
useSensor, useSensor,
@ -153,7 +153,8 @@ export function SidebarProjects() {
const projectMatch = location.pathname.match(/^\/(?:[^/]+\/)?projects\/([^/]+)/); const projectMatch = location.pathname.match(/^\/(?:[^/]+\/)?projects\/([^/]+)/);
const activeProjectRef = projectMatch?.[1] ?? null; const activeProjectRef = projectMatch?.[1] ?? null;
const sensors = useSensors( const sensors = useSensors(
useSensor(PointerSensor, { // Project reordering is intentionally desktop-only; touch should remain tap/scroll behavior.
useSensor(MouseSensor, {
activationConstraint: { distance: 8 }, activationConstraint: { distance: 8 },
}), }),
); );