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:

    0_1477320829384_bad-toolbar.png

    With iOS:

    0_1477320917909_good-toolbar.png

    Anyone have any idea why the toolbar buttons aren’t vertically centered in the Material toolbar?

    Thanks,

    Scott


  • Onsen UI

    @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.


Log in to reply