[SelectField] [TimePicker] [DatePicker] no focusing

[SPAHI4]

Problem description

All of these components are not focused by clicking on the floating label

Steps to reproduce

click on floating label on empty field

Versions

• Material-UI: all
• React: all
• Browser: all

[tintin1343]

#3402

#156

These are related issue which discuss focussing as well. Closing this.

[SPAHI4]

@tintin1343 I dont think these issues are related

[tintin1343]

@SPAHI4 : Alright, I noticed the selectField issue. You need to click close to the dropdown arrow unlike a Textfield. But whats wrong with date and TimePicker? They work just fine.

Also, a side note : It is always helpful when you post screen grabs to explain the issue.

[SPAHI4]

@tintin1343 same issue. Picker dialog does not opens when i click on floating label

[mpolichette]

This issue happens when you have a Date or Time Picker with a floating label like such:

<DatePicker
  floatingLabelText="Event Date"
  fullWidth
  {...date}
/>

[jampy]

I'm having the same problem. The floatingLabelText prevents Date, Time and Select inputs from dropping down. Clicking somewhere outside the text works fine.

Removing the z-index property from the <label> style doesn't seem to have any visual effect, but makes the component work properly.

This is with material-ui 0.15.0 using formsy-material-ui

Recording that shows that clicks on floatingLabelText have no effect, except for simple text fields:

[jampy]

Note that the TimePicker demo does not suffer from this problem, but also uses a <div> instead of a <label> (different material-ui version?):

[SPAHI4]

@jampy it uses hintText property instead of floatingLabelText

[frederikcreemers]

Make sure you're injecting react-tap-event-plugin as described in the installation guide. This turned out to be the problem for me.

[mbrookes]

Dupe, and already fixed in #4418.

[frederikcreemers]

I understand you don't have a fixed release schedule, but can you gie me a rough timeframe for when 0.15.1 will be released? If it'll be released relatively soon (within a month or so), I'm willing to directly depend on a github commit somewhere after this change went in, and then go back to the stable version as a dependency when the version is released. If it'll take longer, I'd look for an intermediate solution.

[mbrookes]

If it'll be released relatively soon (within a month or so)

More likely within a day or so. 😄 #4506