Modal with buttons at the bottom of screen but now with keyboard

This doesn’t seem like it would be that hard.
I have a Modal window. I find it looks weird with very little on the screen like just a label and two input boxes, then white space for the rest of the screen.
I’m trying to have buttons like cancel or save be stuck on the bottom of the modal.

The problem I’m having is when the user clicks in an input field and the mobile keyboard shows up, the buttons are now at the top of the keyboard and overlap other things on the screen.
I have tried using the ionic footer, tried different css tricks like position: fixed; or absolute. These both seems to do the same thing.
Would like to have the buttons stay at the bottom of the modal and not move when the mobile keyboard shows up.
Any idea?