fix(modal): respect autofocus on child elements

Auto-focusing of a freshly-opened modal element causes any child
elements with the autofocus attribute to loose focus. This is an issue
on touch based devices which will show and then hide the onscreen
keyboard. Attempts to refocus the autofocus element via JavaScript will
not reopen the onscreen keyboard. Fixed by updated the focusing logic to
only autofocus the modal element if the modal does not contain an
autofocus element.

Fixes angular-ui#1696
Closes angular-ui#1892
Closes angular-ui#2273

src/modal/modal.js

@@ -94,8 +94,18 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
  $timeout(function () {
  // trigger CSS transitions
  scope.animate = true;
- // focus a freshly-opened modal
- element[0].focus();
+
+ /**
+ * Auto-focusing of a freshly-opened modal element causes any child elements
+ * with the autofocus attribute to loose focus. This is an issue on touch
+ * based devices which will show and then hide the onscreen keyboard.
+ * Attempts to refocus the autofocus element via JavaScript will not reopen
+ * the onscreen keyboard. Fixed by updated the focusing logic to only autofocus
+ * the modal element if the modal does not contain an autofocus element.
+ */
+ if (!element[0].querySelectorAll('[autofocus]').length) {
+ element[0].focus();
+ }
  });
 
  scope.close = function (evt) {