Skip to content

bug: modal is not consistently shifted upwards when keyboard is shown on ipad #29156

Closed
@jeroenkroese

Description

@jeroenkroese

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

On large touch device (ipad), modal is not consistently shifted upwards when keyboard is shown after clicking an input. See video

RPReplay_Final1710343317.MP4

Expected Behavior

The content is consistenly shifted upward to make sure that the focussed input is in view.

Steps to Reproduce

  1. Use iPad
  2. Open modal
  3. Click input

Code Reproduction URL

https://github.com/jeroenkroese/ModalKeyboardBug

Ionic Info

[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package.json'

   Require stack:
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/lib/project/index.js
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/lib/index.js
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/index.js
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/bin/ionic

[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package.json'

   Require stack:
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/lib/project/index.js
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/lib/index.js
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/index.js
   - /Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli/bin/ionic

Ionic:

Ionic CLI : 7.2.0 (/Users/jeroenkroese/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.8.0
@angular-devkit/build-angular : 17.2.3
@angular-devkit/schematics : 17.2.3
@angular/cli : 17.2.3
@ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 5.7.2
@capacitor/android : not installed
@capacitor/core : 5.7.2
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v18.19.0 (/Users/jeroenkroese/.nvm/versions/node/v18.19.0/bin/node)
npm : 10.2.3
OS : macOS Unknown

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions