Material-ui: MenuItem theme trouble

Created on 15 Jul 2016  路  4Comments  路  Source: mui-org/material-ui

Problem description

Theme trouble with MenuItem. Only Chrome. In Firefox everithing is ok.

6ec115ff46695b98e4cf0cc3b1190c40

Versions

  • Material-UI: ^0.15.2
  • React: ^15.2.1
  • Browser: Chrome 54.0.2796.4 and Chrome 51.0.2704.103 m

    Description

      <div>
        <AppBar
          title={this.props.title}
          showMenuIconButton={true}
          onLeftIconButtonTouchTap={this._menuTapHandler}>
        </AppBar>
        <Drawer
          open={this.state.open}>
          <AppBar/>
          <MenuItem primaryText='123' rightIcon={<Download/>}/>

        </Drawer>
      </div>

Most helpful comment

Hi Guys, I found this is causes by my use of Normalize.css, to fix this, in you style sheet, do thie following, the -webkit-appearance: none; will solve the problem it used to be -webkit-appearance: button; in mormalize.css
button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: none; /* 2 */

All 4 comments

I have the same issue on ChromeOS.

Any clue on this? I have same issue on Chrome, Safari looks OK

Hi Guys, I found this is causes by my use of Normalize.css, to fix this, in you style sheet, do thie following, the -webkit-appearance: none; will solve the problem it used to be -webkit-appearance: button; in mormalize.css
button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: none; /* 2 */

Dupe of #4008

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rbozan picture rbozan  路  3Comments

ghost picture ghost  路  3Comments

FranBran picture FranBran  路  3Comments

zabojad picture zabojad  路  3Comments

chris-hinds picture chris-hinds  路  3Comments