Add namespace to the modal-open css class

woocommerce · Jan 9, 2024 · 56537ac · 56537ac
1 parent 6f16137
commit 56537ac
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/plugins/woocommerce-blocks/assets/css/style.scss b/plugins/woocommerce-blocks/assets/css/style.scss
@@ -1,4 +1,4 @@
-body.modal-open {
+body.wc-block-product-gallery-modal-open {
 	overflow: hidden;
 }
 

diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-gallery/frontend.tsx b/plugins/woocommerce-blocks/assets/js/blocks/product-gallery/frontend.tsx
@@ -40,7 +40,7 @@ const closeDialog = ( context: ProductGalleryContext ) => {
 	context.isDialogOpen = false;
 	// Reset the main image.
 	context.selectedImage = context.firstMainImageId;
-	document.body.classList.remove( 'modal-open' );
+	document.body.classList.remove( 'wc-block-product-gallery-modal-open' );
 };
 
 const productGallery = {