From a64ae8b2d6cb4315ee3933b7415384e5c486c0a9 Mon Sep 17 00:00:00 2001
From: Thomas Mueller <tmueller@careseed.com>
Date: Tue, 4 Mar 2014 17:36:47 -0800
Subject: [PATCH] fix(modal): re-apply autofocus on correct element after
 showing modal

---
 src/modal/modal.js | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/modal/modal.js b/src/modal/modal.js
index 1435087f11..b28f5838b8 100644
--- a/src/modal/modal.js
+++ b/src/modal/modal.js
@@ -94,8 +94,25 @@ 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 lose focus. This is an issue on touch-
+           * based devices, which will show and then hide the on-screen keyboard.
+           * Attempts to refocus the autofocus element via JavaScript will not reopen
+           * the on-screen keyboard. Fixed by updating the focusing logic to only
+           * autofocus the modal element if the modal does not contain an autofocus
+           * element.
+           *
+           * Calling focus() on the autofocus element gives it focus if the modal is
+           * opened more than once.
+           */
+          var autofocusElements = element[0].querySelectorAll('[autofocus]');
+          if (autofocusElements.length) {
+            autofocusElements[0].focus();
+          } else {
+            element[0].focus();
+          }
         });
 
         scope.close = function (evt) {