diff --git a/components/chat/message-gestures.tsx b/components/chat/message-gestures.tsx index 613cfcd7..b38eb193 100644 --- a/components/chat/message-gestures.tsx +++ b/components/chat/message-gestures.tsx @@ -166,7 +166,7 @@ export function MessageGestures({ // Full width so the whole row is draggable — WhatsApp lets you start the // gesture anywhere on the line, including the empty space opposite the // bubble. The bubble caps its own width inside this. - className="relative w-full" + className="relative w-full select-none [-webkit-touch-callout:none]" onPointerDown={onPointerDown} onPointerMove={onPointerMove} onPointerUp={onPointerUp} diff --git a/components/chat/message-menu.tsx b/components/chat/message-menu.tsx index c9acebc0..5b47cf09 100644 --- a/components/chat/message-menu.tsx +++ b/components/chat/message-menu.tsx @@ -96,7 +96,7 @@ export function MessageMenu({ // min-w-56 rather than something tighter: "Delete for everyone" is the // longest label and, with its icon and padding, was wrapping or sitting // flush against the edge at a narrower width. - className="fixed z-50 min-w-56 overflow-hidden rounded-xl border border-border bg-background pb-1 shadow-lg" + className="fixed z-50 min-w-56 select-none overflow-hidden rounded-xl border border-border bg-background pb-1 shadow-lg" > {/* Reactions lead: they are the most common thing to want from a long press, and putting them in this menu keeps one gesture