[英]UI Bootstrap and modal with tabs: the first tab is focused with a border
I have a UI Bootstrap modal with uib-tabs within. 我有一个带有uib-tab的UI Bootstrap模式。 When I open the modal the first tab is "browser-focused" surrounded with a blue border, like this:
当我打开模态时,第一个选项卡“以浏览器为中心”,并带有蓝色边框,如下所示:
I'm using: 我正在使用:
Here's a plunkr: https://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V?p=preview 这是一个unk客: https ://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V ? p = preview
js Code of the plunkr: 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) {
}]);
html of the plunkr: 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>
Any clues on how to remove this blue border? 关于如何删除此蓝色边框的任何线索?
Ugh... I updated to bootstrap ui 2.5.0
(from 2.2.0) and this got solved (no blue border) ......我更新为
bootstrap ui 2.5.0
(从2.2.0版开始),此问题已解决(无蓝色边框)
It appears to be fixed in bootstrap ui 2.3.1
它似乎在
bootstrap ui 2.3.1
已修复
https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md
modal: revert focus behavior on open(8a4f625), closes #6295
情态的:恢复对open(8a4f625)的关注行为,关闭#6295
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.