diff --git a/src/components/VideoPlayer/BaseVideoPlayer.js b/src/components/VideoPlayer/BaseVideoPlayer.js index df79c7ef18da..5f63703b462f 100644 --- a/src/components/VideoPlayer/BaseVideoPlayer.js +++ b/src/components/VideoPlayer/BaseVideoPlayer.js @@ -168,7 +168,12 @@ function BaseVideoPlayer({ }, [bindFunctions, currentVideoPlayerRef, currentlyPlayingURL, isSmallScreenWidth, originalParent, sharedElement, shouldUseSharedVideoElement, url]); return ( - <> + // We need to wrap the video component in a component that will catch unhandled pointer events. Otherwise, these + // events will bubble up the tree, and it will cause unexpected press behavior. + {(isHovered) => ( @@ -247,7 +252,7 @@ function BaseVideoPlayer({ hidePopover={hidePopoverMenu} anchorPosition={popoverAnchorPosition} /> - + ); }