diff --git a/src/VideoGrid.jsx b/src/VideoGrid.jsx index e69edc0..a49d178 100644 --- a/src/VideoGrid.jsx +++ b/src/VideoGrid.jsx @@ -600,7 +600,9 @@ export function VideoGrid({ participants }) { ); const bind = useDrag( - ({ args: [key], active, xy, movement, tap }) => { + ({ args: [key], active, xy, movement, tap, event }) => { + event.preventDefault(); + if (tap) { onTap(key); return; diff --git a/src/VideoGrid.module.css b/src/VideoGrid.module.css index 69cf53d..f81293c 100644 --- a/src/VideoGrid.module.css +++ b/src/VideoGrid.module.css @@ -28,6 +28,13 @@ limitations under the License. background-color: #444; } +.participantTile * { + touch-action: none; + -moz-user-select: none; + -webkit-user-drag: none; + user-select: none; +} + .participantTile video { width: 100%; height: 100%;