fix(modal): focus freshly opened modal

Closes #1187
angular-ui · Dec 20, 2013 · 709e679 · 709e679
1 parent ea053b1
commit 709e679
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/modal/modal.js b/src/modal/modal.js
@@ -93,8 +93,11 @@ angular.module('ui.bootstrap.modal', [])
       link: function (scope, element, attrs) {
         scope.windowClass = attrs.windowClass || '';
 
-        //trigger CSS transitions
+        // focus a freshly-opened modal
+        element[0].focus();
+
         $timeout(function () {
+          // trigger CSS transitions
           scope.animate = true;
         });
       }

diff --git a/template/modal/window.html b/template/modal/window.html
@@ -1 +1 @@
-<div class="modal fade {{ windowClass }}" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10}" ng-transclude></div>
+<div tabindex="-1" class="modal fade {{ windowClass }}" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10}" ng-transclude></div>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<div class="modal fade {{ windowClass }}" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10}" ng-transclude></div>
		<div tabindex="-1" class="modal fade {{ windowClass }}" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10}" ng-transclude></div>