(Ionic 8, Angular 19 and Capacitor 7) There is no scroll on page after keyboard opens
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:
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.
- How dependency injection in Angular is useful since it doesn't solve anything apparently?
- angular SSR using @nguniversal/express-engine package get this error (ERROR in error TS6053: File '/project/src/server.ngtypecheck.ts' not found.)
- Applying styles to dynamically created elements in Angular 2
- Can't bind to 'value' since it isn't a known property of 'p-dataTable'
- Reached heap limit Allocation failed - Javascript heap out of memory, even though my laptop has 32GB RAM
- Springboot endpoint 403 OPTIONS when doing a POST request
- What is the meaning of - 1. If '<tag>' is an angular component, then verify that it is part of this module
- ngx-translate: How to translate dynamically array of strings
- Ng test issue: Cannot find type definition file for '@angular/localize'
- When should I use createSignal() vs signal()?
- Angular - Infinite animation of moving lines
- Github Action with Angular is failing due to @rollup/rollup-linux-x64-gnu
- Angular Signals - debounce in effect()
- File, Blob, Promise, async/await, store images in FormData, encode/decode images in base64 .. in Typescript/HTML component - Angular 19
- (Ionic 8, Angular 19 and Capacitor 7) There is no scroll on page after keyboard opens
- NullInjectorError: No provider for HttpTestingController! during angular test
- TailwindCSS V4 in Angular 19 - Changes in CSS Not Reflecting Without Restarting ng serve
- I want to navigate to another page after I click "Login"
- Nodejs Express api cors error on calling api using angular frontend
- Angular Calendar Warning: NG0956 - Track by identity caused re-creation of the entire collection
- Automatically Insert static value into textbox based on radio selection?
- Take desktop screenshot with Electron
- angular custom directive don't response to host listener separately
- Return File from ngx-image-cropper to upload - Angular
- How to call angular function when click p-dialog close(X) button?
- Cors in capacitor for android
- How can we infer a generic type through an interface onto a FormGroup?
- How can I deal with CommonModule references in a standalone directive?
- Angular @ouput a values when a signal change
- Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html"