Fixed footer above keyboard using mobile browser

Using the AngularJS Material , I created a page to capture the user's address and inserted it into <footer> two buttons, Back and Continue .

When the input is focused, the <footer> is fixed above the keyboard, which takes up space on the screen. See below:

Itriedtouseong-focusandng-bluranditworked,though,I'mnotsureifit'sabetteroption.Itlookslikethis:

$scope.focusFooter=true;$scope.focus=function(ev){$scope.focusFooter=true&&!$scope._isMobile;};$scope.blur=function(ev){$scope.focusFooter=false&&!$scope._isMobile;};

ThereintheHTMLIdiditthisway:

<footerng-show="focusFooter">
VOLTAR - CONTINUAR
</footer>   

Is there any other workaround for <footer> not to be above the keyboard when it is open? What would be the best way to do this?