From 28f4cf5dbf4ccd6cc40f92dc7a2681b0ce49a8e9 Mon Sep 17 00:00:00 2001
From: Pavel Pomerantsev <pomerantsevp@gmail.com>
Date: Sun, 10 May 2015 00:22:16 +0300
Subject: [PATCH] Fix focus-ripple pulsation in Safari

Resolves #627.
---
 src/ripples/focus-ripple.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/ripples/focus-ripple.jsx b/src/ripples/focus-ripple.jsx
index ca7e218688d9ec..52e9d225b10d98 100644
--- a/src/ripples/focus-ripple.jsx
+++ b/src/ripples/focus-ripple.jsx
@@ -1,4 +1,5 @@
 var React = require('react');
+var Modernizr = require('../utils/modernizr.custom');
 var StylePropable = require('../mixins/style-propable');
 var Transitions = require('../styles/transitions');
 var Colors = require('../styles/colors');
@@ -63,14 +64,14 @@ var FocusRipple = React.createClass({
     var startScale = 'scale(0.75)';
     var endScale = 'scale(0.85)';
     var innerCircle = React.findDOMNode(this.refs.innerCircle);
-    var currentScale = innerCircle.style.transform;
+    var currentScale = innerCircle.style[Modernizr.prefixed('transform')];
     var nextScale;
 
     currentScale = currentScale || startScale;
     nextScale = currentScale === startScale ?
       endScale : startScale;
 
-    innerCircle.style.transform = nextScale;
+    innerCircle.style[Modernizr.prefixed('transform')] = nextScale;
     setTimeout(this._pulsate, pulsateDuration);
   },
 
@@ -86,4 +87,4 @@ var FocusRipple = React.createClass({
 
 });
 
-module.exports = FocusRipple;
\ No newline at end of file
+module.exports = FocusRipple;