angularjs - angularjsフォームのフィールドを編集/変更できません

Question

モーダルでフォームを表示しています。しかし、テキスト入力フィールドをクリックしても、テキストを入力できません。同様にラジオボタンを変更/選択できません

しかし、「タブ」で試してみるとうまくいきます。

コード

<form role="form" name="basicDetails" class="form-validation">
    <div class="col-sm-6 b-r">
      <h3 class="m-t-none m-b font-thin">Basic Details</h3>


        <div class="form-group">
          <label>Email</label>

          <input type="email" class="form-control" placeholder="Enter Email" ng-model="email" required>
        </div>
        <div class="form-group">
          <label>User Name</label>
          <input type="text" class="form-control" placeholder="Enter User Name" ng-model="username" ng-pattern="/^[a-zA-Z ]{1,17}$/" required>
        </div>

    </div>

     <div class="checkbox m-t-lg">
          <button type="submit" class="btn btn-sm btn-success pull-right text-uc m-t-n-xs" ng-click="ok()"><strong>UPDATE</strong></button>
          &nbsp;
          <button type="submit" class="btn btn-sm btn-danger pull-right text-uc m-t-n-xs" ng-click="close()"><strong>CLOSE</strong></button>

        </div>
      </form>

エレメントショーの検査

誰かが問題を追跡するのを手伝ってくれますか?