This is a migrated thread and some comments may be shown as answers.

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

5 Answers 81 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Kjell asked on 01 Nov 2013, 05:25 PM
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?

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 04 Nov 2013, 09:03 AM
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!
0
KSBA Techie
Top achievements
Rank 1
answered on 19 Dec 2013, 04:12 PM
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...
0
Kjell
Top achievements
Rank 1
answered on 19 Dec 2013, 04:45 PM
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. 

0
KSBA Techie
Top achievements
Rank 1
answered on 20 Dec 2013, 06:06 AM
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);
}
}
0
Kiril Nikolov
Telerik team
answered on 20 Dec 2013, 07:56 AM
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!
Tags
TabStrip (Mobile)
Asked by
Kjell
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
KSBA Techie
Top achievements
Rank 1
Kjell
Top achievements
Rank 1
Share this question
or