@mhartington I’ve already tried with this config. To test i’ve created another app, using cordova 3.3 and pasted the demo provided by @adam (http://codepen.io/ionic/pen/kcjLb85). Then, i just added one input in a tab and i have this:
Hi @nicolasca, I’ve tried an ugly solution. I have a directive for my inputs, that hide the tabbar when an input receive focus. A better way is extend the input tag…
directives.directive('myDirective', function () {
// Linker function
return {
restrict: 'AC',
link: function (scope, element, attrs) {
var obj = angular.element(document.querySelector(".tabs"));
element.bind('focus',function(){
if (obj){
obj.css("z-index","-1");
}
});
element.bind('blur',function(){
if (obj){
obj.css("z-index","5");
}
});
}
}
I’m running v.1.0.0-beta.3 and I am testing on 2 devices:
iPhone 5 with iOS 7
Nexus 5 with Android 4.4.2 Kitkat
I have a long list of chat messages and at the end is an input box with a send button. When I focus on the input box, here is what happens in both the phones.
On the iPhone, it works perfectly fine.
On the Nexus 5, I get the Blue arrow that you get when you start selecting text on Android and the screen is white. BUT, when I scroll just a little bit it works perfectly fine and everything re-appears. When I hide the keyboard, I see that the top nav-bar has been pushed half-way to the page.