title: Ionic Framework textarea keyboard scroll issue after Apple Testflight processing
body: <p>We are using the ionic framework with iOS. </p>
  
  <p>In the iOS emulator and in Safari browser, for one of our pages, clicking in a textarea shows the keyboard, and scrolls the textarea upwards so it is still viewable.</p>
  
  <p>When the app is archived and processed through Apple iOS TestFlight, the behaviour is changed. Now, clicking in a textarea shows the keyboard, but the textarea no longer scrolls upwards so it is hidden.</p>
  
  <p>Looks like something in the archival process is causing an issue.</p>
  
  <p>Here's the code (there's another div above it). There's only the one textarea.</p>
  
  <pre><code>  &lt;div ng-if="!dy_compl"&gt;
  &lt;div class="wi-bottom item "&gt;
    &lt;div ng-repeat="(key, dy) in element.dys"&gt;
      &lt;div id="wi-scroll-div" ng-if="key == dySel" style="height: {{scroller_height}}; overflow: scroll;"&gt;
        &lt;div&gt;
          &lt;style&gt;
            p.wi-icon:before {
              background: url("img/old_building.png") no-repeat !important;
            }
          &lt;/style&gt;
          &lt;p class="wi-icon" ng-bind-html="dy.intro | to_trusted"&gt;&lt;/p&gt;
        &lt;/div&gt;
        &lt;div ng-if="dy.ref"&gt;
          &lt;p class="wi-intro-my3" ng-bind-html="dy.ref.intro | to_trusted"&gt;&lt;/p&gt;
          &lt;div ng-repeat="data in dy.ref.data track by $index"&gt;
            &lt;p class="wi-intro-my3-table" style="margin-left: 5%;" ng-bind-html="data | to_trusted"&gt;&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;label id="wi-input" class="item item-input item-stacked-label"&gt;
          &lt;span class="input-label" style="width:100%; max-width: 100%;"&gt;
          &lt;div class="wi-bottom-input-label" ng-bind-html="dy.notelabel | to_trusted"&gt;&lt;/div&gt;
        &lt;/span&gt;
          &lt;textarea class="wi-bottom-input" ng-model="dy.note" type="text" placeholder="{{dy.note}}" ng-style="{'background-color': textAreaBackgroundColor}"&gt;&lt;/textarea&gt;
        &lt;/label&gt;
        &lt;button class="wi-bottom-button button button-assertive col text-center" ng-click="dy.saved=true;saveNow()"&gt;
          Save Notes
        &lt;/button&gt;
        &lt;/br&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>