Today, after creating a new project (Ionic 8, Angular 19 and Capacitor 7) I started to face this strange behavior/issue.

I just created a simple page with a list (not standalone):

Then, after building and running it on an Android’s device (Android 13), I noticed that that screen is not scrolling when the keyboard opens, as can be seeing below:

On the print above, I tapped on the input 17, the keyboard opens above the input and there is no scroll on the screen. I just cannot see the input 17 anymore.

Shouldn’t the screen automatically scrolls and place the input 17 just above the keyboard? What am I missing? I mean, that’s the behavior I’ve always seen before.

Following below are some informations about the project:

Today, after creating a new project (Ionic 8, Angular 19 and Capacitor 7) I started to face this strange behavior/issue.

I just created a simple page with a list (not standalone):

Then, after building and running it on an Android’s device (Android 13), I noticed that that screen is not scrolling when the keyboard opens, as can be seeing below:

On the print above, I tapped on the input 17, the keyboard opens above the input and there is no scroll on the screen. I just cannot see the input 17 anymore.

Shouldn’t the screen automatically scrolls and place the input 17 just above the keyboard? What am I missing? I mean, that’s the behavior I’ve always seen before.

Following below are some informations about the project:

• angular
• ionic-framework
• capacitor

1 Answer 1

You may want to check the config setup for capacitor. In your project, locate the capacitor.config.ts file, and check the keyboard property nested in the CapacitorConfig object. set the resizeOnFullScreen to true (resizeOnFullScreen: true). You may also want to look at the capacitor documentation to read more.