In android full screen mode , keypad is covering input fiels

Hi guys,

Recently i’ve added ionic full screen package, but after that when keyboard appears the input field is covering the input field , im not able to see what im typing,

but before adding this package it was working fine.

this is my ts file .

@HostBinding(‘class.keyboardOpened’) keyboardOpened = false;

window.addEventListener(‘keyboardWillShow’, () => {

        this.keyboardOpened = true;

    window.addEventListener('keyboardWillHide', () => {

        this.keyboardOpened = false;


this is my scss file

.keyboardOpened ~ .cdk-overlay-container .cdk-global-overlay-wrapper {

height: 65vh;