Navbar gets hidden - Githubissues

MartinCarlson commented 5 years ago

I have the latest plugin and when the keyboard pops up everything pushes up including the navbar.

The navbar should remain static and only the content below should scroll and resize with the keyboard. Anyone know of a preference that I am missing to achieve this?

Older versions of this plugin had a option "this.keyboard.disableScroll(true)" which prevented the navbar being hidden but that caused another issue whereby the footer that contains the input being entered into from being hidden behind the keyboard.

The behavior I am after is that they keyboard appears, the view resizes/scrolls BUT NOT the header/navbar.

startupfoundry commented 5 years ago

Having the same issue.

yryuu commented 5 years ago

config.xml add

yryuu commented 5 years ago

`

MartinCarlson commented 5 years ago

HideKeyboardFormAccessoryBar

Does nothing for me, keyboard pops up and navbar still jumps off screen.

startupfoundry commented 5 years ago

<preference name="HideKeyboardFormAccessoryBar" value="false" />

This is already in my config as well. Navbar still has the same issue.

wing505 commented 5 years ago

Having the same issue.

terminaltor commented 5 years ago

Same here...

praveenbbhati commented 5 years ago

We are struggling with this issue from last month. and didn't find any proper solution. Please update on this thread if anyone has the solution. IONIC team, please look into this.

tribalboy3000 commented 5 years ago

Any updates? I have this issue as well.

Sh1n1x commented 5 years ago

four month later.... And this issue already here

startupfoundry commented 5 years ago

There have been issues related to keyboard/navbar/auto height/auto scroll, going back to Ionic 2 (a couple years) without resolution. Unfortunately, we had to rewrite in React Native as these sort of issue makes building a good chat application impossible in Ionic.

Really unfortunate as the rest of Ionic was exactly what we were looking for, but we couldn't end up shipping what we built as this issue is a production roadblock. Sad to have to change frameworks when the rest of Ionic is so good (especially now that we can build without cordova) 😞.

7thsonch commented 5 years ago

Same issue here while it only happens on android, not ios. Already tried to add

<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
  <activity windowSoftInputMode="adjustPan" />
</edit-config>

to config.xml as suggested in a forum post. Still no success :(

m1aw commented 5 years ago

This is honestly very annoying and makes and it's making us consider alternatives to Ionic our next apps, mostly because of the lack of answers and concern from the Ionic Team.

m1aw commented 5 years ago

Well, our problem apparently was a bit different. I ended up debbuging the plugin on iOS and realized it wasn't being called because ionic-plugin-keyboard was still installed after we upgraded to cordova-plugin-ionic-webview, ended up removing the plugin and rebuilding platforms, and it's working now.

ionic cordova plugin remove ionic-plugin-keyboard
ionic cordova platform remove ios
ionic cordova platform add ios

pedrovitor074 commented 5 years ago

did someone find a way to solve this? i still with this issue

tiandongmao commented 5 years ago

In order to be compatible with ios 10, I have to use UIWebView

Then I encountered this problem. After search and try for a period, I solved it as follows:

Remove cordova-plugin-ionic-keyboard, then install ionic-plugin-keyboard. cordova plugin remove cordova-plugin-ionic-keyboard cordova plugin add ionic-plugin-keyboard
Disable auto scroll. platform.ready().then(() => { cordova.plugins.Keyboard.disableScroll(true); ....... });
Modify the style of ion-app with javascript code, when keyboard show and hide. Reference to another issue, replied by @JoeMeeks: https://github.com/ionic-team/cordova-plugin-ionic-keyboard/issues/53#issuecomment-484644608

if can not work, We need to add settimeout somewhere. setTimeout(() => { if (self.ionapp) { self.ionapp.setAttribute('style', 'height: calc(100% - ' + e.keyboardHeight + 'px);'); } }, 100);

Thanks for @JoeMeeks

jcesarmobile commented 5 years ago

I can't reproduce with latest version of the plugin on Ionic 4 apps.

Can any of you provide a sample app?

Also make sure you don't have the old ionic-plugin-keyboard as it causes conflicts as some people have stated.

MartinN71 commented 4 years ago

Removing the ionic-plugin-keyboard worked for me (ionic 3 app)

jcesarmobile commented 4 years ago

going to close since I can't reproduce and nobody answered after 2 months and MartinN71 says it got fixed by uninstalling ionic-plugin-keyboard

ionic-team / cordova-plugin-ionic-keyboard

Navbar gets hidden #48