Monaca Onsen UI Discord Chat Github Repo

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?



  • 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?



  • 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" "">

    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.