ionic-team
bug: webview glitch on keyboard open (the animation isn't progressive)
Bug Report
Capacitor Version
Capacitor Core 3.3.3
Platform(s)
iOS
Current Behavior
When opening the menu, the body height resizes, but without animation, causing some glitches in the UI (the bottom is hidden for half a second). See the video bellow: https://user-images.githubusercontent.com/25119847/160160494-f76a6566-c9e4-448f-b07b-8cb2bd53b2f7.MP4
Expected Behavior
Having a smooth mobile opening, with a smooth body height resizing so elements aligned on the bottom are not hidden for a short time
This is how to implement smooth inset detection: https://proandroiddev.com/exploring-windowinsets-on-android-11-a80cf8fe19be
However, it's only recently available (Android 11), and would require synchronizing code between Native and WebView/HTML content. It seems doable, but making it performant would be challenging.
@lincolnthree also have a ticket here:
https://github.com/ionic-team/cordova-plugin-ionic-keyboard/issues/142
@lincolnthree also have a ticket here:
https://github.com/ionic-team/cordova-plugin-ionic-keyboard/issues/142
@lincolnthree also have a ticket here:
https://github.com/ionic-team/cordova-plugin-ionic-keyboard/issues/142
This is how to implement smooth inset detection: https://proandroiddev.com/exploring-windowinsets-on-android-11-a80cf8fe19be
However, it's only recently available (Android 11), and would require synchronizing code between Native and WebView/HTML content. It seems doable, but making it performant would be challenging.
@lincolnthree your link isn't working
