Tabstrip Stays Visible when Keyboard Opened

2 posts, 1 answers
  1. KSBA Techie
    KSBA Techie avatar
    27 posts
    Member since:
    Aug 2012

    Posted 19 Dec 2013 Link to this post

    This did not use to happen and has just started with the new releases of Kendo UI Mobile.

    Even after implementing the fix described here:
    http://docs.icenium.com/troubleshooting/known-issues
    [NEW] When you build and deploy the Kendo UI Mobile or Kendo UI DataViz project templates on iOS devices, you might experience the following issues.When you rotate the device, the tabstrip disappears.When you tap an input box, the keyboard might overlay input box even if the Keyboard plugin is enabled.Workaround: Use the following code.

    document.addEventListener("orientationchange", fixViewResize);

    document.addEventListener('deviceready', function () {
    navigator.splashscreen.hide();
    fixViewResize();
    }, false);

    function fixViewResize() {
    if (device.platform === "iOS") {
    setTimeout(function() {
    $(document.body).height(window.innerHeight);
    }, 10);
    }
    }

    Here's a link to another customer having the same problem:
    http://www.kendoui.com/forums/kendo-ui-mobile/tabstrip/ipad-tabstrip-moving-with-the-keyboard-visible-even-if-display-none.aspx

    And this link really describes the hack needed to keep the Tabstrip from floating up:
    http://www.icenium.com/resources/forums/icenium-general-discussion/click-on-input-levels-up-the-footer-on-the-keyboard-whitout-change-the-view-!-


    Please see attached screenshot.
  2. Answer
    KSBA Techie
    KSBA Techie avatar
    27 posts
    Member since:
    Aug 2012

    Posted 20 Dec 2013 Link to this post

    the fixViewResize hack seems to have fixed my problem with the Tab bar floating up, I just had to clean out my previously implemented hack...

    So this can be closed, the solution here seems to be working:

    http://docs.icenium.com/troubleshooting/known-issues
  3. Kendo UI is VS 2017 Ready
Back to Top