CODEWITHSUNDEEP
cordovaionic-framework
Bill Pope
Bill Pope

Reputation: 591

ionic footer input field being hidden by keyboard in chat app

I'm using ionic in my phonegap app and a funny thing is happening in my phonegap build to google play that's not happening when i install the app tethered to a usb. I think it might be caused by a difference in setting in my config file locally from the one I upload to pg.

Here's the problem: I'm using this input in a footer

<ion-footer-bar>
    <label class="item-input-wrapper nobgcolor">
        <input type="text" ng-model="IM.textMessage" placeholder="Type in your message...">
    </label>
        <button ng-click="sendMessage(IM.textMessage)" class="button button-small button-balanced">
            Send
    </button>
</ion-footer-bar>

It rides up along the keyboard on my android phone, which is what it's supposed to do when I start typing. But now that the app is live in google play, the keyboard hides the footer making it very awkward to type.

If anyone has run into this, i'd appreciate your input. If you think it might be something in my config.xml, I can post the parts I think are the most relevant.

Upvotes: 2

Views: 8798

Answers (2)

Sreekanth Karini
Sreekanth Karini

Reputation: 1285

Just add this properties to your ionicModule in app.module.ts. works for me.

IonicModule.forRoot(MyApp, {
      scrollAssist: false, 
      autoFocusAssist: false
    })

Upvotes: 0

Bill Pope
Bill Pope

Reputation: 591

This goes out out to anyone that's had a similar problem with the ionic footer and inputs in cordova build. If you have this preference in config.xml

 <preference name="fullscreen" value="true" />

The keyboard will hide the input when it's activated. If you absolutely need to see that input when typing (that was a joke) than just set it to false and it should solve the problem.

Upvotes: 4

Related Questions