iOS 7 Safari window height?

[RES]

There seems to be an issue with Safari where I imagine the Kendo framework is getting an incorrect window height.  If you look at the attached image it looks like the view height is offset about as the height of the new tab strip feature.  Is there a work around for this?  Is this an iOS Safari bug?

Scott

[Kamen Bundev]

Hello Scott,

Unfortunately this is a bug in iOS7 Mobile Safari on iPad and only in landscape orientation - the browser reports the window height wrong and we're still not aware of a possible universal fix, unless one specifies the height manually.

Regards,
Kamen Bundev
Telerik

[RES]

Okay guess I could detect the user agent and act accordingly.  What way do you recommend that I override the height then?

[Kamen Bundev]

Hello Scott,

Something like this should do:
kendo.onResize(function () {
    if (kendo.support.mobileOS.ios && kendo.support.mobileOS.tablet) {
        $(document.documentElement).height(window.innerHeight);
        window.scrollTo(0,0);
    }
});

Regards,
Kamen Bundev
Telerik

[Brandon Peterson]

Q3 2013.3.1119 does not appear to be responsive to orientation change on iOS 6 or 7 in a Safari WebView (PhoneGap app). When the app initializes in landscape mode on an iPhone 4 I see that height: 480px is applied to the body element style. When rotated to landscape orientation the 480px height is not updated. Conversely, when an app is initialized in landscape mode height: 320px is applied but not updated when rotated to portrait orientation.

This error is displayed in the console:
kendo.mobile.min.js line 15
Uncaught TypeError: Object [object global] has no method '_resizeToScreenHeight'

[Kamen Bundev]

Hi Brandon,

This was a bug that slipped in the last release and affects only PhoneGap. Please upgrade to latest internal build to get it fixed. Additionally, please open a different forum thread or support ticket for issues that don't have a connection with the original post. We strive to maintain helpful forums and several issues per thread can get a bit confusing.

Regards,
Kamen Bundev
Telerik

[Brandon Peterson]

Kamen, I thought perhaps my issue was related to iOS and Safari window height in landscape orientation but realize now that body height and orientation change events is a separate issue and I apologize. Just to follow up here: the latest internal build available today (2013.3.1220) still has the error in which orientation changes result in the error Uncaught TypeError: Object [object global] has no method '_resizeToScreenHeight'.

New thread for this issue: http://www.kendoui.com/forums/kendo-ui-mobile/general-discussions/ios-webview-orientation-change-error.aspx

[RES]

I can't seem to get your code to work.  Where am I supposed to put the kendo.onResize function?  Also since browser windows don't resize in tablets how does this even work?

[Dorian]

They do resize on orientationchange event. If you're doing a phonegap app there's where I'd go resolving the problem.

[Petyo]

Hello guys,

the problem discussed in this thread is addressed (and working as expected) in our current internal builds, where everything should work out of the box without any additional onResize calls. Please make sure that you are using an up-to-date version of Kendo UI. In case you are facing such kind of issue, please open a separate thread or support ticket. 

Regards,
Petyo
Telerik

[RES]

I'm currently using version 2013.3.1324 which is the latest and the issue still persists.  When is the "internal" build with the fix supposed to be released? 

[Kiril Nikolov]

Hello,

The issues has been fixed in the latest internal build. So please login into your account and download the latest build - 2013.3.1511 and updated your project.

Regards,
Kiril Nikolov
Telerik

 

 

[RES]

What's the ETA on the next release?  If it isn't too long I'd rather just wait for the more stable release version.

[Sebastian]

The next release is Q1 2014 which is due in the middle of next week.

Regards,
Sebastian
Telerik

 

 

[RES]

Okay I tried the latest internal build but the problem still persists.

[Kiril Nikolov]

Hello,

Could you please provide us with a runnable sample, where we can reproduce this issue?

Thank you in advance for your cooperation.

Regards,
Kiril Nikolov
Telerik

 

 

[Mark]

Has this been resolved?  I'm noticing the "fix" only works if you launch in portrait mode and then change to landscape.  If you launch in landscape mode it does not work.   An example of this is http://communion.azurewebsites.net.  If you pin to homescreen and run in web app mode you'll notice this behavior does not work.

I've also got this compiled in AppBuilder and it does not work either. I've tried using all of the combinations of the ios status bar plugin and not and using the kendo mobile statusbar configuration behavior... nothing seems to work for me.

[Kiril Nikolov]

Hello Mark,

I can confirm that the issue can be reproduced, when the application is first started in landscape mode. I have added this to our internal bug tracker, so I will make sure to inform you as soon as the issue is resolved.

As a small gesture of gratitude for bringing this to our attention I have updated your Telerik Points balance.

Regards,
Kiril Nikolov
Telerik

 

 

[Kiril Nikolov]

Hi Mark,

The issue has been fixed and the patch is available in the latest internal build.

Please download and update your application and let us not if the problem is fixed.

Regards,
Kiril Nikolov
Telerik