Dynamically adding items on top hidden and only visible on scroll

ionic-v1
#1

Hi, I am showing form validations on top of the form after form submit however validations are hidden behind the scroll content. They are scrollable but hidden. calling resize of ionicScrollDelegate does nothing as well
here is my sample code

$scope.register = function(merchant)
{
    console.log('in submit registration form')
    if($scope.registrationForm.$valid)
    {
        requestData = {'merchant': merchant}
        UserManager.registerUser(requestData)
        .then(function (data) {
            console.log(data)
            StorageManager.setObject('user', data);
            $location.path('app/upload_avatar')
        },
        function (data) {
            alert(data);
        })
    }
    else{
        $ionicScrollDelegate.resize();
        console.log('resizing')
    }

and html

<ion-content>
  <div class="padding-vertical" ng-show="registrationForm.$invalid">
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted">First name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.last_name.$invalid">First name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.email.$invalid">First name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.password.$invalid">First name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.password_confirmation.$invalid">First name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.address_country_code.$invalid">First name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.phone_number.$invalid">Last name is not valid</h6>
      <h6 class="assertive center-align" ng-show="registrationForm.$submitted && registrationForm.shop_name.$invalid">Last name is not valid</h6>
      <h6 class="assertive center-align">{{serverErrors.error}}</h6>
  </div>
#2

I can confirm this, at least on Android. We’re showing/hiding buttons under a list based on the state of a check list, and sometimes the height of the scroll area appears not to be updated.
If you then scroll up enough to trigger the ‘bounce’ they suddenly appear.

#5

Yes, it’s a bug.
Reported : https://github.com/driftyco/ionic/issues/3591
CodePen demo : http://codepen.io/tomchiverton/pen/GJRQBY/
click the last checkbox, then quicky try to scroll up. Works if wait a few seconds before scrolling up.