[TextField] Fix for floating label element not allowing focus

This is a regression bug from mui#2078
pandaiolo · Nov 21, 2015 · 18f404d · 18f404d
1 parent 80548a8
commit 18f404d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/text-field.jsx b/src/text-field.jsx
@@ -228,6 +228,7 @@ const TextField = React.createClass({
       bottom: 'none',
       opacity: 1,
       zIndex: 1, // Needed to display label above Chrome's autocomplete field background
+      cursor: 'text',
       transform: 'scale(1) translate3d(0, 0, 0)',
       transformOrigin: 'left top',
     });
@@ -309,7 +310,8 @@ const TextField = React.createClass({
     let floatingLabelTextElement = floatingLabelText ? (
       <label
         style={this.prepareStyles(styles.floatingLabel, this.props.floatingLabelStyle)}
-        htmlFor={inputId}>
+        htmlFor={inputId}
+        onTouchTap={this.focus}>
         {floatingLabelText}
       </label>
     ) : null;