Fixes #307 - onClick of buttons doesn't fire in Safari

mui · Feb 10, 2015 · 5e1bc35 · 5e1bc35
1 parent e6e43c1
commit 5e1bc35
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/js/ripples/touch-ripple.jsx b/src/js/ripples/touch-ripple.jsx
@@ -25,6 +25,14 @@ var TouchRipple = React.createClass({
   render: function() {
     var classes = this.getClasses('mui-touch-ripple');
 
+    //This is needed to keep click events from getting lost
+    //in safari. Without it, onClick won't fire.
+    var shieldStyle = {
+      position: 'absolute',
+      height: '100%',
+      width: '100%'
+    };
+
     return (
       <div
         className={classes}
@@ -34,6 +42,7 @@ var TouchRipple = React.createClass({
         onTouchStart={this._handleTouchStart}
         onTouchEnd={this._handleTouchEnd}>
         {this._getRippleElements()}
+        <div style={shieldStyle} />
       </div>
     );
   },