ionic-team / ionic-team/capacitor-keyboard

feat(keyboard): Animate webview on keyboard open / close

Open
#13 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3
Forks
21
PR merge metrics
No merged PRs in 30d

Description

## 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

![cordova keyboard issue](https://user-images.githubusercontent.com/25119847/34917374-cb483ae8-f945-11e7-8cd1-80a30da458e5.gif)

### 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.