This is a migrated thread and some comments may be shown as answers.
iOS 7 Safari window height?
18 Answers 125 Views
This is a migrated thread and some comments may be shown as answers.
RES
Top achievements
Rank 1
RES asked on 19 Sep 2013, 11:18 PM
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

18 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 20 Sep 2013, 06:17 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RES
Top achievements
Rank 1
answered on 20 Sep 2013, 04:31 PM
Okay guess I could detect the user agent and act accordingly.  What way do you recommend that I override the height then?
0
Kamen Bundev
Telerik team
answered on 23 Sep 2013, 12:27 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brandon Peterson
Top achievements
Rank 2
answered on 27 Dec 2013, 11:53 PM
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'
0
Kamen Bundev
Telerik team
answered on 30 Dec 2013, 03:17 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brandon Peterson
Top achievements
Rank 2
answered on 30 Dec 2013, 09:13 PM
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
0
RES
Top achievements
Rank 1
answered on 11 Mar 2014, 12:13 AM
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?
0
Dorian
Top achievements
Rank 2
answered on 11 Mar 2014, 08:38 AM
They do resize on orientationchange event. If you're doing a phonegap app there's where I'd go resolving the problem.
0
Petyo
Telerik team
answered on 11 Mar 2014, 02:35 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RES
Top achievements
Rank 1
answered on 11 Mar 2014, 04:28 PM
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? 
0
Kiril Nikolov
Telerik team
answered on 13 Mar 2014, 08:15 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
RES
Top achievements
Rank 1
answered on 13 Mar 2014, 04:14 PM
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.
0
Sebastian
Telerik team
answered on 13 Mar 2014, 04:52 PM
The next release is Q1 2014 which is due in the middle of next week.

Regards,
Sebastian
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
RES
Top achievements
Rank 1
answered on 14 Mar 2014, 06:40 PM
Okay I tried the latest internal build but the problem still persists.
0
Kiril Nikolov
Telerik team
answered on 17 Mar 2014, 08:32 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mark
Top achievements
Rank 1
answered on 01 Apr 2014, 03:22 AM
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.
0
Kiril Nikolov
Telerik team
answered on 01 Apr 2014, 07:47 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kiril Nikolov
Telerik team
answered on 14 Apr 2014, 08:09 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Asked by
RES
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
RES
Top achievements
Rank 1
Brandon Peterson
Top achievements
Rank 2
Dorian
Top achievements
Rank 2
Petyo
Telerik team
Kiril Nikolov
Telerik team
Sebastian
Telerik team
Mark
Top achievements
Rank 1
Share this question
or