Material-ui: [SelectField] Label text disappearing and DropDownMenu not displaying

[jabrown93]

Problem Description

On occasion clicking the SelectField will result in the label text disappearing and the dropdown menu not displaying. Clicking the SelectField again will cause the label text to reappear and clicking again brings up the dropdown menu as expected. The dropdown seems to briefly load before disappearing.

I'm encountering this issue on both my own app and the material-ui examples for the SelectField component. I've attached a gif of the bug on the material-ui examples.

Versions

• Material-UI: 0.14.4
• React: 0.14.8
• Browser: Chrome 50.0.2661.94 (64-bit) and Safari 9.1

[mbrookes]

@jabrown93 are you able to reproduce with the current beta? http://www.material-ui.com/v0.15.0-beta.2/#/components/select-field

[jabrown93]

@mbrookes Yeah I can

[mbrookes]

Hmm thanks, what OS?

[nathanmarks]

@mbrookes looks like OS X in the gif, I can't reproduce this.

[jabrown93]

I've seen it on OS X 10.11.4 and the latest beta of 10.11.5, I haven't tried on any Windows systems

[mbrookes]

@nathanmarks - duh yeah. Hasty comment on mobile while stuck on the train this morning.

@jabrown93 Try as I might, I can't reproduce this either.

[jabrown93]

@mbrookes hmm, my coworkers and I can reproduce it, but not reliably and there doesn't seem to be a pattern to when it happens

[mbrookes]

That's annoying.

[iamzhouyi]

I can reproduce on windows. try to click near top spot

[nathanmarks]

@iamzhouyi can you be more specific with your instructions?

[alexhawkins]

+1 This issue has not been fixed. Try clicking quickly on your own Material UI demo site. The error is very easy to reproduce. The text in the dropdown will disappear if you click on items fast enough.

[alexhawkins]

@mbrookes @nathanmarks the error reproduces itself very reliably. https://www.dropbox.com/s/vy0mojgn6mroj6j/MaterialUiSelectFieldError.mov?dl=0

[mbrookes]

This issue has not been fixed

@alexhawkins I don't believe anyone has claimed it has been, just that we haven't been able to reproduce it. I just tried again in multiple browsers on OS-X without success.

[nathanmarks]

@mbrookes did it:

[iamzhouyi]

@mbrookes try to click faster.

Chrome 50.0.2661.75 m (64-bit)

[bluespore]

Any update on this? I'm experiencing the same issue.

It looks as though the issue surrounds having the underlying TextField value disappear to accommodate for the DropdownMenu opening. Though, I'm not sure what the rationale is for hiding that, since the menu opens over the top anyway?

[BartKrol]

Any update on this :)? I can try to create a pull request with a fix, but I don't know what's a current state of this issue :).

[przeor]

+1 have the same issue