Footer Keyboard textarea

ionic-v1
1

So, I have this code below

<ion-footer-bar class="item-input-inset message-footer" keyboard-attach>
        <label class="item-input-wrapper">
            <textarea ng-model="chat.message" value="" placeholder="Digite aqui sua mensagem" msd-elastic></textarea>
        </label>
        <div class="footer-btn-wrap">
            <button ng-click="sendMessage()" class="button button-icon icon ion-android-send footer-btn" ng-disabled="!chat.message || chat.message === ''">
            </button>
        </div>
</ion-footer-bar>

and the textarea should open the keyboard as all Apps nowadays, with the input just above the keyboard and half of the screen showing yet…
But I’m having this

Screenshot_20170919-160430
Screenshot_20170919-160430.png1080×2220 97.8 KB

I couldn’t find any topic that treat this error…

2

You still need a content area for the footer to be at the bottom.

Also you probably need to auto-shrink the viewport when the keyboard shows so the footer moves up…

That link should take you to the bit I am talking about.