change operator used in SVG filter for tintColor from atop to in

necolas · Oct 15, 2024 · 72a74d2 · 72a74d2
1 parent e922224
commit 72a74d2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
@@ -343,7 +343,7 @@ exports[`components/Image prop "style" removes other unsupported View styles 1`]
         />
         <fecomposite
           in2="SourceAlpha"
-          operator="atop"
+          operator="in"
         />
       </filter>
     </defs>
@@ -410,7 +410,7 @@ exports[`components/Image prop "tintColor" convert to filter 1`] = `
         />
         <fecomposite
           in2="SourceAlpha"
-          operator="atop"
+          operator="in"
         />
       </filter>
     </defs>

diff --git a/packages/react-native-web/src/exports/Image/index.js b/packages/react-native-web/src/exports/Image/index.js
@@ -44,7 +44,7 @@ function createTintColorSVG(tintColor, id) {
       <defs>
         <filter id={`tint-${id}`} suppressHydrationWarning={true}>
           <feFlood floodColor={`${tintColor}`} key={tintColor} />
-          <feComposite in2="SourceAlpha" operator="atop" />
+          <feComposite in2="SourceAlpha" operator="in" />
         </filter>
       </defs>
     </svg>