This is a migrated thread and some comments may be shown as answers.

Issue with iPhone 5 Screen Size and Home Screen App

2 Answers 58 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Sean
Top achievements
Rank 1
Sean asked on 23 Sep 2012, 05:08 PM
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 Answers, 1 is accepted

Sort by
0
Sean
Top achievements
Rank 1
answered on 23 Sep 2012, 07:25 PM
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

0
Kamen Bundev
Telerik team
answered on 24 Sep 2012, 07:25 AM
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!
Tags
General Discussions
Asked by
Sean
Top achievements
Rank 1
Answers by
Sean
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or