Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[EnhancedButton] Incompatibility with normalize.css 4.0.0

See original GitHub issue

Problem Description

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

materialuinormalizeissue

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)

Issue Analytics

State:
Created 7 years ago
Reactions:18
Comments:5 (3 by maintainers)

Top GitHub Comments

4reactions

fabienjuifcommented, Mar 26, 2016

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

This affect list as well.

0reactions

nathanmarkscommented, Apr 25, 2016

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

Top Results From Across the Web

[EnhancedButton] Incompatibility with normalize.css 4.0.0 #3764

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

material-ui/core/CHANGELOG.md - UNPKG

403, Some interesting CSS-in-JS libraries like styled-components, emotion or linaria ... 1023, - [ToggleButtons] normalize onChange api (#12549) @eps1lon.

Normalize.css

A modern, HTML5-ready alternative to CSS resets. Normalize.css makes browsers render all elements more consistently and in line with modern standards.

Update normalize.css to the most recent version - Drupal

Here are the change logs for Normalize.css, starting at 4.0.0 ... theme will continue using normalize.css 3.0.3 for backwards compatibility.

What is the difference between Normalize.css and Reset CSS?

So, normalize.css does not impose a visual starting point (homogeny) upon you. ... is an in inconsistency in one of the browsers, the...