3. Material UI theme not rendering toolbar buttons correctly

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

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

    0 1 Reply
  • Onsen UI

    @sherscher Did you update the CSS files?

    0
  • ?

    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

    0
  • ?

    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.

    1