From 1b354dd20638c88143e671d420f3c3ee91ea93d4 Mon Sep 17 00:00:00 2001
From: Michael Krotscheck <krotscheck@gmail.com>
Date: Wed, 2 Jul 2014 14:07:00 -0700
Subject: [PATCH] New Story Autofocus

New story modal now autofocuses on the title when it appears. This
required a small modification to the focus directive, as with DOM
manipulation like modals, the popup elements are linked _before_ they
are added to the DOM, rather than after. Adding a minor timeout
fixed that.

Change-Id: I5cb0001c2afd991544bc40c33c3fcd6b89f8b208
---
 src/app/stories/template/new.html | 1 +
 src/app/util/directive/focus.js   | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/stories/template/new.html b/src/app/stories/template/new.html
index 38db8dc6..40ee74d3 100644
--- a/src/app/stories/template/new.html
+++ b/src/app/stories/template/new.html
@@ -15,6 +15,7 @@
 
                         <div class="col-sm-10">
                             <input id="name"
+                                   focus
                                    type="text"
                                    class="form-control"
                                    ng-model="story.title"
diff --git a/src/app/util/directive/focus.js b/src/app/util/directive/focus.js
index 39d5c688..e450b985 100644
--- a/src/app/util/directive/focus.js
+++ b/src/app/util/directive/focus.js
@@ -20,7 +20,7 @@
  * phase is run)
  */
 angular.module('sb.util').directive('focus',
-    function () {
+    function ($timeout) {
         'use strict';
 
         return {
@@ -29,8 +29,10 @@ angular.module('sb.util').directive('focus',
                 // Extract the element...
                 var e = $element[0];
 
-                if (!!e && e.hasOwnProperty('focus')) {
-                    e.focus();
+                if (!!e && !!e.focus) {
+                    $timeout(function () {
+                        e.focus();
+                    }, 10);
                 }
             }
         };