iPad: tabstrip moving with the keyboard, visible even if display: none

6 posts, 0 answers
  1. Kjell
    Kjell avatar
    275 posts
    Member since:
    Jun 2010

    Posted 01 Nov 2013 Link to this post

    My tabstrip should be fixed to the bottom of the screen and stay behind the keyboard when the keyboard opens up, instead it moves up with the keyboard.  As a workaround, I tried doing this when the keyboard opens:

    $('#tabstrip-tablet').css('display', 'none');

    Then showing it again when the keyboard closes.  This works in the icenium simulator but does not work on the ipad itself.  Why the inconstancy and what is the correct way to handle this?

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 04 Nov 2013 Link to this post

    Hello Kjell,

    When the keyboard is opened the TabStrip is shifted up and the view is centered based on the input that is being focused. Kendo UI does not have control over the keyboard and its styling, so unfortunately there is nothing that we can offer you in order to hide the TabStrip when the keyboard is opened.
     
    Regards,
    Kiril Nikolov
    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. KSBA Techie
    KSBA Techie avatar
    27 posts
    Member since:
    Aug 2012

    Posted 19 Dec 2013 Link to this post

    This worked fine in the older version of Kendo UI Mobile.

    i.e. the Tabstrip did not float up when the keyboard was opened.

    This was introduced with the latest release...
  5. Kjell
    Kjell avatar
    275 posts
    Member since:
    Jun 2010

    Posted 19 Dec 2013 Link to this post

    I just created a new project using the Kendo UI Mobile template, and the keyboard works perfectly in landscape mode.  In portrait the toolbar is visible behind the keyboard, so that's a new behavior. 

    Now I need to figure out why it's not working in my project.  HideKeyboardFormAccessoryBar is not working for me either, but again it works in the sample project so it must be an issue on my end. 

  6. KSBA Techie
    KSBA Techie avatar
    27 posts
    Member since:
    Aug 2012

    Posted 20 Dec 2013 Link to this post

    I was able to get it to work on my app by using this method:

    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);
    }
    }
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 20 Dec 2013 Link to this post

    Hello Guys,

    We are currently working on improving the way software keyboard is handled by the mobile application. The new improvements will most probably be available with the next official release.

    So stay tuned!

    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