Ionic 3 - Keyboard pushes content up, and over other content, with no reason

This is a known bug of Ionic 3 and can be fixed by adding the following CSS style:

.scroll-content {
    padding-bottom: 0 !important;
}

I have had similar issues and this piece of CSS fixed it.

When an input is focused, Ionic adds some padding to the bottom of the scroll-content class, to create room for the keyboard.

Update

Relative top positioning may cause the issue (as well).

Related