Problem styling menuItems with selectedMenuItemStyle

[mpint]

Problem description

Menu's selectedMenuItemStyle doesn't seem to be applied correctly to active menuItem's.

Steps to reproduce

After reading the Menu docs,

selectedMenuItemStyle | object | | Override the inline-styles of selected menu items

I expect this to set color: red on MenuItem -> primaryText when I click on MenuItem:

<Menu selectedMenuItemStyle={{ color: 'red'}}>
 <MenuItem
   style={ menuItemStyles }
   primaryText={ pages.dashboard.title.toUpperCase() }
   containerElement={<NavLink to={ `${pages.dashboard.slug}` } />} />
</Menu>

Am I missing something or is this bugged? Thanks for any help in advance.

stackoverflow here

Versions

• Material-UI: 0.15.4
• React: 15.3.1
• Browser: Chrome