[SelectField] underlineFocusStyle not getting applied

[garrettn]

Problem description

For my application I need to style the SelectField so that the clickable part with the underline is full width while the menu has an auto width. When you do that, though, you can see that the underlineFocusStyle isn't being applied while the menu is open. I would expect the color of the underline to change while I have the select menu open.

Using the React DevTools I found that the underlying TextField never changes is state of isFocused to true, so the focused version of the underline never becomes visible. Is that intentional? I need to have the underline a different color while the menu is open.

Link to minimally-working code that reproduces the issue

http://www.webpackbin.com/Vkm1ipOyz

Versions

• Material-UI: 0.16.0
• React: 15.3.2
• Browser: FF 51 and Chrome 54 for Mac

Thank you!

[Chengwen]

'underlineFocusStyle' is applied in IE but not in Chrome.