fix (image mask): add explicit inherit for mask-size for strectching …

…to work with firefox (#3187)
gambitph · Jun 24, 2024 · 3077a79 · 3077a79
1 parent 825c04b
commit 3077a79
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/block-components/image/editor.scss b/src/block-components/image/editor.scss
@@ -245,6 +245,10 @@
 	// Firefox doesn't stretch SVG masks via attributes, stretching is done here. Fixes #246.
 	&.stk-image--shape-stretch .stk-img-resizer-wrapper {
 		mask-size: 100% 100%;
+		// Firefox doesn't automatically inherit the mask-size from the parent. Fixes #3042.
+		img {
+			mask-size: inherit !important;
+		}
 	}
 }
 

diff --git a/src/block-components/image/style.scss b/src/block-components/image/style.scss
@@ -56,6 +56,10 @@
 		&::before {
 			mask-size: 100% 100%;
 		}
+		// Firefox doesn't automatically inherit the mask-size from the parent. Fixes #3042.
+		img {
+			mask-size: inherit !important;
+		}
 	}
 }