Issue with iPhone 5 Screen Size and Home Screen App

3 posts, 0 answers
  1. Sean
    Sean avatar
    7 posts
    Member since:
    Apr 2012

    Posted 23 Sep 2012 Link to this post

    Adding a Kendo UI Mobile based web app to the home screen on the iPhone 5 results in a screen size that is smaller than the iPhone 5 display.  This appears to have something to do with the viewport meta tag.

    I have been able to reproduce this with the iPhone 5 and the latest Simulator.

    The issue is occurring on the demos on the Kendo UI website as well.  See attached screenshot.

    Sean
  2. Sean
    Sean avatar
    7 posts
    Member since:
    Apr 2012

    Posted 23 Sep 2012 Link to this post

    After playing with this for a bit, I found a work around.  After creating kendo.mobile.Application the viewport width needs to be updated.

    if (window.screen.height==568) { // iPhone 4"

    document.querySelector("meta[name=viewport]").content="width=320.1";

    }


    This fixed the issue on the iPhone 5.

    Hopefully you can address this in the JS and release a fix.

    Sean

  3. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 24 Sep 2012 Link to this post

    Hi Sean,

    We are aware of the issue and the workaround and we are working for an integrated fix for the next release. I'll change this ticket type to forum thread, so that more people can benefit from the workaround. I'm also updating you points for the find.

    Regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top