fix scrolling scenario on mobile (#3286)

ludoboludo · web-flow · commit a1173a39a0b4 · 2024-02-20T11:15:40.000-04:00
diff --git a/assets/media-gallery.js b/assets/media-gallery.js
@@ -46,7 +46,7 @@ if (!customElements.get('media-gallery')) {
 
         this.preventStickyHeader();
         window.setTimeout(() => {
-          if (this.elements.thumbnails) {
+          if (!this.mql.matches || this.elements.thumbnails) {
             activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });
           }
           const activeMediaRect = activeMedia.getBoundingClientRect();

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@ if (!customElements.get('media-gallery')) {`
`46`	`46`
`47`	`47`	`this.preventStickyHeader();`
`48`	`48`	`window.setTimeout(() => {`
`49`		`- if (this.elements.thumbnails) {`
	`49`	`+ if (!this.mql.matches \|\| this.elements.thumbnails) {`
`50`	`50`	`activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });`
`51`	`51`	`}`
`52`	`52`	`const activeMediaRect = activeMedia.getBoundingClientRect();`