Cordova/Phonegap | How to fix footer at bottom when virtual keyboard is opened

| By Webner

Problem :

Footer is not visible or fixed at bottom, when virtual keyboard is opened in Phonegap/Cordova Application.

Solution :

Consider following div create for footer :

<div data-role="footer" data-position="fixed" class='custom_footer' data-theme='b' data-tap-toggle="false"></div>

To keep Footer fixed at bottom and make it visible over keyboard add following CSS to the footer:

position: fixed; 

Webner Solutions is a Software Development company focused on developing CRM apps (Salesforce, Zoho), LMS Apps (Moodle/Totara), Websites and Mobile apps. If you need Web development or any other software development assistance please contact us at

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *