ionic-team
feat(keyboard): Animate webview on keyboard open / close
Feature Request
Plugin
Keyboard
Description of current problem
When using KeyboardResize.Body as option, cf https://capacitorjs.com/docs/apis/keyboard#keyboardresize, the interface has a whole app glitch:
ON OPENING
- the keyboard opens
- then the webview height is set to a lower height, creating a content instant "pop"
ON CLOSING
- the keyboard closes, creating an empty area (cf the red area on the gif bellow)
- the webview height is 100%, but expands instantly as a glitch
Platform(s)
iOS Android
Preferred Solution
Make the webview height follow the keyboard height, or change instantly when keyboard begins to open.
Additional Context
Similar never resolved issue with Corodva: https://github.com/cjpearson/cordova-plugin-keyboard/pull/22
Sadly those are internal views of the WKWebView, not the WKWebView. When using body or ionic modes the WKWebView is not resized at all, those modes resize the app's body or the ion-app element by using javascript. Not saying it wouldn't be possible, but not like in the link you provided, it would be way more complex.
For resize native, that it's the only one resizing the WKWebView I tried animating it in the past with similar code than the one on the link you provided, but despite the WKWebView was following the animation correctly, some of its internal views would resize because of their parents resizing and also showed different visual glitches because of that.
Any other options here? Really looks out of place on iOS :/
Only option it seems is to use None and add a custom animation? Native mode does also not provide an animation :(
