angularjs - Angular を使用する Internet Explorer で、overflow-y が ng-if で機能しない

Question

私は Angular 1.2.16 を使用しており、IE 11 でテストしています。

私のアプリの settings.html には、次のセクションがあります。

<section class='scrollable'> 
 <section class='hbox stretch'>
  <aside class="aside-md bg-white b-r" data-ng-controller='RecipientsCtrl'> 
   <div data-ng-if='inputMode'  data-ng-include="'partials/recipient-form.html'"/>
 </section>
</section>

「スクロール可能」クラスは次のように定義されます。

.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
}

そしてrecipient.form:

<div class="panel-body">
  <form name='rform' ng-submit='addRecipient(rform)' novalidate='novalidate' role="form">
    <label>Recipient's Name</label>
    <input type="text" class="form-control" ng-model='recipient.name' name="name" placeholder="Enter name" required='', data-mongoose-error=''/>
    ....
   <button type="submit" class="btn btn-sm btn-success">Add</button>
  </form>
</div>

ボタンをクリックすると、コントローラーが「inputMode」になります。これは、Chrome、Safari、および Firefox で問題なく動作します。IE では、ボタンをクリックして「inputMode」に入ると、何も起こらないように見えますが、ウィンドウのサイズを少し変更すると、フォームが表示されます。

以下により、IEで動作します。

• セクションから「スクロール可能な」クラスを削除します（必要なためオプションではありません）
• 「inputMode」条件なしでフォームを直接表示します (オプションではありません)。

ng-show も無駄に試しました。

何か案は？

ありがとう。