Skip to content

[SelectField] underlineFocusStyle not getting applied #5470

Description

@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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: selectChanges related to the select.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions