Skip to content

Commit afeb735

Browse files
committed
fix(web): keep device drags inside the flat viewport
Disable browser touch gestures on the flat device viewport and prevent default pointer handling before forwarding primary-button drags to the device.
1 parent eba0521 commit afeb735

1 file changed

Lines changed: 6 additions & 1 deletion

File tree

‎apps/web/src/components/device/DeviceStreamView.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -408,9 +408,14 @@ export function DeviceStreamView(props: {
408408
}}
409409
>
410410
<div
411-
className={cn("relative select-none", showPhone && "invisible pointer-events-none")}
411+
className={cn(
412+
"relative touch-none select-none",
413+
showPhone && "invisible pointer-events-none",
414+
)}
412415
style={{ width: frame.width, height: frame.height }}
413416
onPointerDown={(event) => {
417+
if (event.button !== 0) return;
418+
event.preventDefault();
414419
event.currentTarget.setPointerCapture(event.pointerId);
415420
(event.currentTarget.parentElement as HTMLElement | null)?.focus();
416421
pointerActive.current = true;

0 commit comments

Comments
 (0)