iOS 7 Safari window height?

19 posts, 0 answers
  1. RES
    RES avatar
    77 posts
    Member since:
    Sep 2010

    Posted 19 Sep 2013 Link to this post

    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
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 20 Sep 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. RES
    RES avatar
    77 posts
    Member since:
    Sep 2010

    Posted 20 Sep 2013 Link to this post

    Okay guess I could detect the user agent and act accordingly.  What way do you recommend that I override the height then?
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 23 Sep 2013 Link to this post

    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!
  6. Brandon Peterson
    Brandon Peterson avatar
    47 posts
    Member since:
    May 2007

    Posted 27 Dec 2013 Link to this post

    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'
  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 30 Dec 2013 Link to this post

    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!
  8. Brandon Peterson
    Brandon Peterson avatar
    47 posts
    Member since:
    May 2007

    Posted 30 Dec 2013 Link to this post

    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
  9. RES
    RES avatar
    77 posts
    Member since:
    Sep 2010

    Posted 10 Mar 2014 in reply to Kamen Bundev Link to this post

    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?
  10. Dorian
    Dorian avatar
    21 posts
    Member since:
    Nov 2013

    Posted 11 Mar 2014 in reply to RES Link to this post

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

    Posted 11 Mar 2014 Link to this post

    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!
  12. RES
    RES avatar
    77 posts
    Member since:
    Sep 2010

    Posted 11 Mar 2014 in reply to Petyo Link to this post

    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? 
  13. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 13 Mar 2014 Link to this post

    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!
     
  14. RES
    RES avatar
    77 posts
    Member since:
    Sep 2010

    Posted 13 Mar 2014 in reply to Kiril Nikolov Link to this post

    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.
  15. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 13 Mar 2014 Link to this post

    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!
     
  16. RES
    RES avatar
    77 posts
    Member since:
    Sep 2010

    Posted 14 Mar 2014 Link to this post

    Okay I tried the latest internal build but the problem still persists.
  17. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 17 Mar 2014 Link to this post

    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!
     
  18. Mark
    Mark avatar
    5 posts
    Member since:
    May 2011

    Posted 31 Mar 2014 Link to this post

    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.
  19. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 01 Apr 2014 Link to this post

    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!
     
  20. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 14 Apr 2014 Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready