From ca87cf8d1e59fdd4966429b00acc240a2b5b898b Mon Sep 17 00:00:00 2001 From: hadasze <hadasz@wix.com> Date: Thu, 9 Jan 2025 11:04:02 +0200 Subject: [PATCH 1/2] reduce motion should not affect fullscreen mode --- .../gallery/src/components/item/videos/videoItemWrapper.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/gallery/src/components/item/videos/videoItemWrapper.js b/packages/gallery/src/components/item/videos/videoItemWrapper.js index 0594d5d86..e6d551c27 100644 --- a/packages/gallery/src/components/item/videos/videoItemWrapper.js +++ b/packages/gallery/src/components/item/videos/videoItemWrapper.js @@ -41,6 +41,9 @@ class VideoItemWrapper extends React.Component { mightPlayVideo() { const { videoPlay, itemClick } = this.props.options; const { hasLink } = this.props; + const isInFullScreen = this.props.galleryId.includes( + 'pro-gallery-fullscreen-wrapper' + ); const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; @@ -48,7 +51,7 @@ class VideoItemWrapper extends React.Component { if (this.props.isVideoPlaceholder) { return false; } - if (prefersReducedMotion && videoPlay === 'auto') { + if (prefersReducedMotion && videoPlay === 'auto' && !isInFullScreen) { return false; } if (videoPlay === 'hover' || videoPlay === 'auto') { From e6479593a23142e1ec01585c7c53949d48b6a6a6 Mon Sep 17 00:00:00 2001 From: hadasze <hadasz@wix.com> Date: Thu, 9 Jan 2025 11:19:22 +0200 Subject: [PATCH 2/2] wip --- packages/gallery/src/components/item/videos/videoItemWrapper.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/gallery/src/components/item/videos/videoItemWrapper.js b/packages/gallery/src/components/item/videos/videoItemWrapper.js index e6d551c27..a8d9ae231 100644 --- a/packages/gallery/src/components/item/videos/videoItemWrapper.js +++ b/packages/gallery/src/components/item/videos/videoItemWrapper.js @@ -41,7 +41,7 @@ class VideoItemWrapper extends React.Component { mightPlayVideo() { const { videoPlay, itemClick } = this.props.options; const { hasLink } = this.props; - const isInFullScreen = this.props.galleryId.includes( + const isInFullScreen = this.props.galleryId?.includes( 'pro-gallery-fullscreen-wrapper' ); const prefersReducedMotion =