From 4151b4700538cb583e32aa2a3a8754c5eab29efb Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Thu, 5 Jul 2018 11:46:49 -0700
Subject: [PATCH] [fix] backgroundClip prefixing when value is 'text'

Temporary work-around for a bug in inline-style-prefixer.

Fix #1014
---
 .../src/exports/StyleSheet/createReactDOMStyle.js      | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/react-native-web/src/exports/StyleSheet/createReactDOMStyle.js b/packages/react-native-web/src/exports/StyleSheet/createReactDOMStyle.js
index 399ba6dc..a6690d43 100644
--- a/packages/react-native-web/src/exports/StyleSheet/createReactDOMStyle.js
+++ b/packages/react-native-web/src/exports/StyleSheet/createReactDOMStyle.js
@@ -185,6 +185,16 @@ const createReducer = (style, styleProps) => {
         break;
       }
 
+      // TODO: remove once this issue is fixed
+      // https://github.com/rofrischmann/inline-style-prefixer/issues/159
+      case 'backgroundClip': {
+        if (value === 'text') {
+          resolvedStyle.backgroundClip = value;
+          resolvedStyle.WebkitBackgroundClip = value;
+        }
+        break;
+      }
+
       case 'display': {
         resolvedStyle.display = value;
         // A flex container in React Native has these defaults which should be