Hi, I’m new to Ionic and for a schoolproject we are working on an application for the Android and iOS platform. I use tabs in the ion-footer-bar, in one of these tabs I have a chat function. The issue is; when the keyboard opens the tabs go on top of it. I have tried everything to solve this iss…

Thank’s for all the reply’s! :frowning: I went research some more about this matter. And found that on Android you can use adjustPan on the XML. By doing this the keyboard will overlay the tabs. This is nice! The problem is that my chatbox is now covered by the keyboard. My new question is; is ther…

Did you make progess on this? Facing the same issue. Tabs moving up when keyboard opens when android:windowSoftInputMode="adjustResize" and when doing android:windowSoftInputMode="adjustPan" the keyboard-attach directive does not work. The footer does not move up.

Claw, Yes we have solve this issue after hours of research. This is what we have done to accomplish this for the Android platform. Project folder => Platforms => Android => AndroidManifest.xml Here you wil set the following; <activity android:configChanges=android:windowSoftInputMode="adjustResi…

[image] nlombardi1: <activity android:configChanges=android:windowSoftInputMode=“adjustResize”> Thank you for your response! However, in the adjustments you describe, this very line <activity android:configChanges=android:windowSoftInputMode="adjustResize"> breaks my compiling. Gives the er…

Hi Claw, I just added the most important part for that specific line, normally there are more things included depending on your project. The following line is what I have but this doesn’t mean this line has to be exact the same on your project. <activity android:configChanges="orientation|keyboard…

I could compile now. But this did not quite solve my problem :confused: I’m using the ion-footer-bar above the tabs and implementing your suggestions made the footer bar become white when the keyboard opens, but does not hide the tab bar. Too bad it did not work. If I did not have the footer, the s…

Hi Claw, My bad I have forgotten this line of code in your HTML file. <ion-footer-bar keyboard-attach align-title="left" class="bar-stable"> Try this if you want. Regards

I got the keyboard-attach directive on my footer. Does not work however :confused:

Not cool man, sry to hear that. This is what I have done in our project, this is a really annoying problem. Last try; did you installed the keyboard plugin? Do you see it in your project? If not you have to install it to make this work. Maybe remove and reinstall your keyboard-plugin. In this l…

I have it installed… :confused: too bad

Hide tabs when keyboard open ANDROID

ionic-v1

abelzhan July 14, 2015, 9:16am 12

Thanks all, but i found a better solution here:
how-to-hide-the-tab-bar-when-keyboard-is-open

Topic		Replies	Views
Keyboard pushes the footer (tabs) up on Android ionic-v3	14	9207	May 5, 2021
Android + Tabs + NOT full Screen + Keyboard - still having issues uncategorized	15	5371	March 11, 2016
Ion footer bar too high with tabs on bottom and keyboard open ionic-v1	9	5375	May 9, 2019
Android keyboard display issue ionic-v1	1	1249	September 15, 2015
How to hide the Tab Bar when Keyboard is open ionic-v1	11	13276	March 10, 2017

Hide tabs when keyboard open ANDROID

Related topics