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
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
0
Sean
Top achievements
Rank 1
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.
This fixed the issue on the iPhone 5.
Hopefully you can address this in the JS and release a fix.
Sean
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
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
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!