From 18f404d7ac5968e0d56f961f6a621b61e2638db5 Mon Sep 17 00:00:00 2001
From: Pandaiolo <aurelien@arimaska.net>
Date: Fri, 20 Nov 2015 14:42:38 +0100
Subject: [PATCH] [TextField] Fix for floating label element not allowing focus

This is a regression bug from #2078
---
 src/text-field.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/text-field.jsx b/src/text-field.jsx
index 8377e0b0820263..da2f58aeefc774 100644
--- 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;