ionic-team / ionic-team/capacitor-keyboard

Capacitor Keyboard - KeyboardResize.Ionic does not work with ionic modals on iOS 26

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

Description

## Bug Report

### Plugin(s)
- Capacitor Keyboard

### Capacitor Version
```
Installed Dependencies:

@capacitor/cli: 7.4.3
@capacitor/android: 7.4.3
@capacitor/core: 7.4.3
@capacitor/ios: 7.4.3
```

### Platform(s)
- iOS

### Current Behavior
After upgrading MacOS and XCode to the newest version compiling and building an app for iOS will automatically result in the use of the new iOS 26 style keyboard.

Since the new keyboard is transparent and has rounded edges, the option `resize: KeyboardResize.Ionic` in the Capacitor Keyboard plugin does not work anymore as expected with modals:
Image

The modal dialog is pushed up (which is the intended behavior) but then the original dialog below the modal is visible behind the keyboard.

### Expected Behavior
In non-modal dialogs the content is also pushed up (e.g. floating action button) but background stays as it is:
Image

For modals the modal background should also be stayy in place and just the modal content should be pushed up.

### Code Reproduction
- Create a basic Ionic app with a modal and Capacitor Keyboard plugin installed
- Set the option `resize: KeyboardResize.Ionic` in capcitor config
- Add at least one input field to the modal
- Run the app and enter something to the input on the modal

### Other Technical Details

### Additional Context

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.