Footer flying up on keyboard open with new beta 13


#1

So this used to work on beta 12 but now that I’ve updated to beta 13, the footer that has an input box (for a messaging screen) flys out of view when I click on it to open the keyboard. when I start typing it shows the footer floating in the middle of the screen.

To reproduce, just add this footer to the starter sidemenu app

  <ion-footer-bar align-title="left" keyboard-attach class="bar-assertive item-input-inset chatFooter">
    <label class="item-input-wrapper">
      <i class="icon ion-ios7-chatbubble placeholder-icon"></i>
      <input type="search" ng-model="data.message" id="newComment" placeholder="type comment...">
    </label>
    <button class="button" ng-click="addComment()">Send</button>
  </ion-footer-bar>

#2

Are you seeing this on ios or android?


#3

Sounds like you should add this

cordova.plugins.Keyboard.disableScroll(true);


#4

I’ve seen the bug on iOS. I’ll try the change.

Do I always want to disableScroll, should I be disabling that for the entire app?


#5

disableScroll disables the native overflow scrolling, not ionic’s js-based scrolling


#6

what caused the native scrolling to break in the new beta? Was it because ionic’s js based scrolling was implemented more fully? The js based scrolling is a bit jerky, in that the view slides up a second before the keyboard catches up to it.