Product Gallery: Fix Large Image snapping position on window resize (#…

…43251) * Product Gallery: Fix Large Image snapping position on window resize * Product Gallery Snap Fix: Add changelog
woocommerce · Jan 3, 2024 · 7163d61 · 7163d61
1 parent 84ed581
commit 7163d61
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-gallery/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/product-gallery/style.scss
@@ -155,15 +155,16 @@ $admin-bar-mobile-height: 46px;
 		width: 100%;
 		display: flex;
 		align-items: center;
+		scroll-snap-align: none center;
 	}
 
 	.wc-block-product-gallery-large-image__container {
 		display: flex;
 		overflow-x: hidden;
 		scroll-snap-type: x mandatory;
+		scroll-behavior: auto;
 		width: fit-content;
 		height: fit-content;
-		scroll-behavior: auto;
 		align-items: center;
 	}
 

diff --git a/.../woocommerce-blocks/changelog/fix-42852-product-gallery-block-snapping-position-on-resize b/.../woocommerce-blocks/changelog/fix-42852-product-gallery-block-snapping-position-on-resize
@@ -0,0 +1,3 @@
+Significance: patch
+Type: tweak
+Comment: Product Gallery: Fix Large Image snapping position on window resize.
diff --git a/plugins/woocommerce/changelog/fix-42852-product-gallery-block-snapping-position-on-resize b/plugins/woocommerce/changelog/fix-42852-product-gallery-block-snapping-position-on-resize
@@ -0,0 +1,3 @@
+Significance: patch
+Type: tweak
+Comment: Product Gallery: Fix Large Image snapping position on window resize.