Material UI theme not rendering toolbar buttons correctly
-
Not sure when this happened, but somewhere on the road to 2.0 final release, the rendering of toolbar buttons with Material UI got messed up.
With Material UI:
With iOS:
Anyone have any idea why the toolbar buttons aren’t vertically centered in the Material toolbar?
Thanks,
Scott
-
@sherscher Did you update the CSS files?
-
I did. It’s strange. I see the online demo and it’s working fine. Not sure why all of a sudden our codebase is rendering incorrectly for the Material UI them.
Any place I should look to figure this one out?
Thanks,
Scott
-
Figured it out. During a mad rush to get things rendering correctly on IE, this was inadvertently added to our index.html
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
That caused the rendering problem with Material UI. I’m not enough of a web guy to understand why only Material UI was affected, but replacing it with:
<!doctype html>
fixed the problem.