Material-ui: [AutoComplete] Style Issues

[eudisd]

Problem description

A very simple AutoComplete example shows style errors on Chrome version: 52.0.2743.116 and on Opera version 39.0.2256.48

Caveat: This shows correctly on the latest Firefox and Safari.

Steps to reproduce

        import AutoComplete from 'material-ui/AutoComplete';
        ...
        <AutoComplete
          hintText="Test"
          dataSource={['Pokemon Mini', 'Playstation', 'Playstation 2']}
          />

Versions

• Material-UI: 0.15.4
• React: 15.3.1
• Browser: Chrome version: 52.0.2743.116.

[Sugarball]

some issue on:
material-ui 0.15.4
chrome 53.0.2785.101 (64-bit)

[ybv]

button, html [type="button"], [type="reset"], [type="submit"] { @include appearance(none); }

^ that resolved it for me.

[eudisd]

@ybv I'm using sass on my project, and can't import that appearance mixin to try this out. Any idea what that compiles down into for raw css?

[arjshiv]

@eudisd I got away with this (raw CSS):

/*Global style*/
[type="button"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

[eudisd]

That worked, thanks @arjshiv! Still think this should be fixed upstream.

[arjshiv]

@eudisd Agreed (and no problem - you're welcome!)

[benedictdelfierro]

i 'm also encountering this style issue, the css provided doesnt fix my problem

[oliviertassinari]

Closed by #4783