How to prevent android keyboard to overlap input on capacitor / ionic / angular?

Keyboard overlaps the input, and it's horrible for the ui

app screenshot

I'm a beginner on ionic development...

Using capacitor 7 with angular and following the docs changed the capacitor.config.ts file

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
appId: 'com.lumo.ng',
appName: 'Lumo',
webDir: 'www',
plugins: {
Keyboard: {
resizeOnFullScreen: true,

}
}
};

export default config;



even reinstalling the app doesn't resolve the problem. Also I tried to add resize: KeyboardResize.Body, but it's a IOS-only config.

Someone knows how to solve it?

Continue reading...