Skip to content

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

@Dimibe

Description

@Dimibe

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions