Form input overlap over header when keyboard open

Whenever I click on any input inside form and once the keyboard appear, and if I start scrolling up the form overlaps the header. The input pointer just come above header. See the attached screenshot.

In your case the header is taking more than 44px. so try giving some padding-top to the ion-content and see, whether it’s working or not.

That does not work either. Also I already have a padding top for a form inside ion content. The thing is if the keyboard is not open then if you scroll it it goes behind the header.

The problem is that when the keyboard opens.

Maybe you can try playing with the z-index of the content? Make sure your header always has a higher one than the content?

Done with that as well. But no luck