[TextField] Floating label is not clickable

[steverandy]

Steps to reproduce:

1. Go to http://material-ui.com/#/components/text-fields
2. Click on the text field sample (first row, second column), specifically on the floating label

Actual: Clicking on the floating label the first time does not focus the field
Expected: Clicking on the floating label for the first time should focus the field input

[Grmiade]

+1

[vijayrawatsan]

+1
Also cursor should be default instead of auto. Just like hint text.

[oliviertassinari]

Yeap, we should improve this!

[mattkrick]

+1
cursor: text
user-select: none (needs prefixes)
onClick focuses the input.
can submit PR if needed.

[bendiy]

Duplicate of: #1011

[flyon]

+1, only happens first time you try to click. after clicking besides the label and losing focus again it works correctly

[oliviertassinari]

#2228 is supposed to fix this. Can you confirm?

[JasonWeiseUnreal]

I am still having issues with this.
As per flyon's comment, only happens first time you try to click. after clicking besides the label and losing focus again it works correctly this is definitely still occurring.

[otroboe]

It works for me, only on TextField !
But the fix was only for TextField :p

[zachguo]

It's working for TextField but not for SelectField & DatePicker. v0.14.0-rc1

[piotr-dobrogost]

@zachguo Would you mind raising this (not working for SelectField) as a separate bug? I believe it's different than issue #1011.

[zachguo]

@piotr-dobrogost see #2517

[newoga]

Now that we now have #2517 for the SelectField component, can someone confirm whether there any outstanding issues relating to this with the TextField component?

I'd like to close this or clarify what the remaining problems are. Thanks!

[mbrookes]

Fixed in #2228. See #2201 for DatePicker issue.

[raphaelparent]

@flyon @CoveTechnologyAus How did you fix that? I am on version 0.14.4 and I'm having this problem.

[mbrookes]

Current pre-release version is 0.15.0-alpha.1

[raphaelparent]

@mbrookes I know, but I'm building something that will be use in production and I don't want to rely on a pre-release version.

Since it was closed on November 17th (around 3 1/2 months ago) and that there's mention of this working in 0.14.0-rc1, I just thought that this was fix in the 0.14.4, if not I'll just wait for the official release of 0.15.0 to be available.

[jackyon]

that's weird, I have upgrade to the next version "0.15.0-beta.2", but the issue still exist, is there any solution for this?

plz advise. thx.

[jackyon]

sorry, new version did work, it fixed the issue.

[lamaslam]

it is not fixed for SelectField, I tested with the v0.15.0 example on the official site http://www.material-ui.com/#/components/select-field.
when I click inside "Floating Label Text", no menu pops.