Still looking into keyboard and input field issues on android. Driving us absolutely nuts for months now. Keep hoping it’s a bug and going to be fixed but never happens.
At present the problem is as follows:
Android
Create new tabs app
Add input field to the view
Add “$ionicConfigProvider.tabs.position(‘bottom’);” to the app js appropriately
Run on android and Tabs show at the bottom (great)
Tap in the input box and the keyboard opens but the tabs are stuck above it
DO NOT want the tabs stuck above the keyboard
People say to make the app FULL SCREEN but then you lose the status bar and the bottom action bar. Not an option
Other people say to hide tabs with directive / css but it’s slow and jumps about. Also not reliable as sometimes the tabs never even come back again when you close the keyboard
Also tried editing the manifest file but that has varying other issues with either fields not scrolling correctly, things getting stuck behind the keyboard etc.
At a loss now on how to just stop the tabs going up when the keyboard is open. It works if the app is full screen so no clue why it doesn’t work when NOT full screen.
The reason why I add class but never remove class is because ionic should add and remove it automatically, but I think there was a bug in one version, so I had to add it myself, while ionic would remove it once keyboard hides. I am not sure if bug is still there, so I keep above line in my code
I also use these settings if that is rellevant at all:
if window.cordova and window.cordova.plugins.Keyboard
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false)
cordova.plugins.Keyboard.disableScroll(true)
I do set ionic.Platform.isFullScreen = true as well as ‘window.StatusBar.styleDefault() if window.StatusBar?’ I see both bottom android controls as well as status bar.
Android. 6.0 on nexus5
When I open a keyboard the tabs hide very quickly (instantly without any delay)
Thank you so much again for your time on this. We are just going to re investigate this route again. It may be that our app is using more memory /resource than yours and that is what is slowing it down perhaps.
We will try it out and see what happens on our app and then on a blank app to compare.
It looks like a slight alteration to the directive may have helped improve the situation. I’ll try and ask my co-developer to give a bit more detail on what helped once it’s confirmed solved.
Thank you! In Ionic 1.2.4 I added just the CSS portion from above to the style.css. This solved my issue of the bottom tabs display block still showing even though the tab content was hidden. I didn’t need the event listener, nor the hide-on-keyboard-open class on the tabs container.