UIブートストラップとタブ付きモーダル：最初のタブは境界線でフォーカスされています

Question

UIブートストラップのモーダルにUIタブがあります。

私が使用している：

• 角度1.5.8
• を私が開くと、モーダル最初のタブは、次のように、「ブラウザに焦点を当てた」青い枠で囲まれていますCSSブートストラップ3.3.7
• UIブートストラップ2.2.0

はここplunkrです：plunkrのhttps://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V?p=preview

JSコード：plunkrの

angular.module('fooApp', ['ui.bootstrap']); 

angular.module("fooApp").controller("fooController", ["$scope", "$uibModal", function($scope, $uibModal) { 

    $scope.openModal = function() { 

     var modalScope = $scope.$new(); 

     var modalInstance = $uibModal.open({ 
      templateUrl: 'modal.html', 
      controller: 'modalController', 
      scope: modalScope, 
      size: 'lg' 
     }); 

     modalInstance.result.then(function (result) { 
     }, null); 
    }; 

}]); 

angular.module("fooApp").controller("modalController", ["$scope", "$timeout", function($scope, $timeout) { 

}]); 

HTML：

<div class="modal-body"> 
    <uib-tabset> 
     <uib-tab select="ngGridFix()"> 
      <uib-tab-heading> 
       <i class="glyphicon glyphicon-file" style="margin-right: 15px"></i> 
       <strong>Foo</strong> 
      </uib-tab-heading> 

      <p>Foo</p> 

     </uib-tab> 
     <uib-tab select="ngGridFix()"> 
      <uib-tab-heading> 
       <i class="glyphicon glyphicon-question-sign" style="margin-right: 15px"></i> 
       <strong>Help</strong> 
      </uib-tab-heading> 

      <p>Help</p> 
     </uib-tab> 
    </uib-tabset> 
</div> 

この青い枠線を削除する方法上の任意の手がかりは？

Answer 1

うわ...私は（2.2.0から）bootstrap ui 2.5.0に更新され、これはbootstrap ui 2.3.1

https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md

モーダルで固定しているように見える（なしブルーボーダー）

を解決しました：開いている（8a4f625）でフォーカス動作を元に戻す、閉じる＃6295