UI Bootstrap和帶選項卡的模式：第一個選項卡帶有邊框

Question

我有一個帶有uib-tab的UI Bootstrap模式。 當我打開模態時，第一個選項卡“以瀏覽器為中心”，並帶有藍色邊框，如下所示：

我正在使用：

• 角度1.5.8
• Bootstrap CSS 3.3.7
• UI Bootstrap 2.2.0

這是一個unk客： https ://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V ? p = preview

plunkr的js代碼：

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) {

}]);

plunkr的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

......我更新為bootstrap ui 2.5.0 （從2.2.0版開始），此問題已解決（無藍色邊框）

它似乎在bootstrap ui 2.3.1已修復

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

情態的：恢復對open（8a4f625）的關注行為，關閉＃6295