Material-ui: [EnhancedButton] Incompatibility with normalize.css 4.0.0

[OscarMarshall]

Problem Description

In the most recent alpha with the most recent release of normalize.css (4.0.0), EnhancedButtons are styled like actual buttons.

After doing some digging, the problem is with recent changes in both projects. In material-ui, commit 00b6ba1 added passing the type attribute to the inner element, and in normalize.css a recent commit lowered the specificity of a rule giving any element with [type=button] -webkit-appearance: button. I've already opened an issue in their project but because type is not a valid attribute for span and because lowering the specificity is slightly more performant, they don't seem to keen on reverting those changes.

Versions

• Material-UI: 0.15.0-alpha.2
• React: 0.14.7
• Browser: Google Chrome 49.0.2623.87 (64-bit)

[fabienjuif]

Ho my !
I was looking for this for like 2 hours straight !
Thanks a lot to point it out.

This affect list as well.

[nathanmarks]

Closing in favour of https://github.com/callemall/material-ui/issues/4008

[nathanmarks]

I know this one is older -- but I updated the other one to address the core problem already.

[5amfung]

Why is this issue closed as a duplicate to itself? I don't see it's resolved. Should it be reopened?

[nathanmarks]

@5amfung sorry, posted the wrong one: https://github.com/callemall/material-ui/issues/4008