(Ionic 8, Angular 19 and Capacitor 7) There is no scroll on page after keyboard opens - Stack Overflow

Today, after creating a new project (Ionic 8, Angular 19 and Capacitor 7) I started to face this strang

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:

Share edited Mar 10 at 19:31 Bruno Santos asked Mar 10 at 19:25 Bruno SantosBruno Santos 1471 silver badge12 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 4

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.

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1744827308a4595873.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信