fix(mask): add support for -webkit-mask and -webkit-mask-image (#382)

Add support for `mask` and `mask-image` properties for browsers that support them via webkit. # 334
bubkoo · Feb 13, 2025 · 5bdfda7 · 5bdfda7
1 parent aa3c979
commit 5bdfda7
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/embed-images.ts b/src/embed-images.ts
@@ -26,12 +26,12 @@ async function embedBackground<T extends HTMLElement>(
   clonedNode: T,
   options: Options,
 ) {
-  if (!(await embedProp('background', clonedNode, options))) {
-    await embedProp('background-image', clonedNode, options)
-  }
-  if (!(await embedProp('mask', clonedNode, options))) {
-    await embedProp('mask-image', clonedNode, options)
-  }
+  ;(await embedProp('background', clonedNode, options)) ||
+    (await embedProp('background-image', clonedNode, options))
+  ;(await embedProp('mask', clonedNode, options)) ||
+    (await embedProp('-webkit-mask', clonedNode, options)) ||
+    (await embedProp('mask-image', clonedNode, options)) ||
+    (await embedProp('-webkit-mask-image', clonedNode, options))
 }
 
 async function embedImageNode<T extends HTMLElement | SVGImageElement>(