Closed maxfloden closed 1 year ago
@liamdebeasi any progress on this issue? Do you need reproduction link or more info? Facing the same thing in iOS 16.
Added listener to the Capacitor Keyboard events, and the following happens:
keyboardDidShow
fires, keyboard shows up, content is correctly pushed upkeyboardDidShow
fires, emoji keyboard shows up, content is reset (and hidden behind the keyboard)keyboardDidHide
firesThe remaining step is figuring out a good solution for the problem. Scroll assist currently runs on input focus, but it sounds like we also need it to run when the keyboard changes. We might be able to rely on ionKeyboardDidShow to re-run scroll assist since that would cover web and native. The tricky part will be to make sure that it doesn't re-run whenever inputs are focused for the first time (since the keyboard will also open then)
@liamdebeasi thank you for your explanation.
Upon further research it seems that this is related to another issue that seemed to happen when upgrading to @capacitor/keyboard@4.1.1
and is fixed in ionic version 7.0.9
.
I downgraded to @capacitor/keyboard@4.1.0
and the issue we're facing here disappeared. I haven't had the chance to test if being on @capacitor/keyboard@4.1.1
and ionic@7.0.9
will fix the issue because I can't upgrade to Ionic 7 right now.
That issue was fixed in the Capacitor Keyboard plugin and released a few days ago: https://github.com/ionic-team/capacitor/issues/6642#issuecomment-1584035781
Hi everyone,
Here is a dev build with a proposed fix if you are interested in testing: 7.3.4-dev.11694698515.1504c90b
Install Example:
npm install @ionic/angular@7.3.4-dev.11694698515.1504c90b
Note on behavior:
edit: I found a bug so I included a new dev build
Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/28174, and a fix will be available in an upcoming release of Ionic Framework. Feel free to continue testing the dev build, and let me know if you run into any issues.
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.
Bug Report
Ionic version: [ ] 4.x [x] 5.x
Current behavior: On iOS14 keyboard height changes when selecting Emojis, this causes ion-input field to be hidden by keyboard. Switching back from Emoji to ABC shows input field again as keyboard height again decreases.
Expected behavior: Input field should always show above keyboard, not behind.
Steps to reproduce:
Related code:
html
scss
Other information:
Ionic info: