fix: select on focus, wait for value

app/assets/javascripts/directives/functional/index.ts

@@ -5,5 +5,5 @@ export { elemReady } from './elemReady';
 export { fileChange } from './file-change';
 export { infiniteScroll } from './infiniteScroll';
 export { lowercase } from './lowercase';
-export { selectOnClick } from './selectOnClick';
+export { selectOnFocus } from './selectOnFocus';
 export { snEnter } from './snEnter';

app/assets/javascripts/directives/functional/selectOnClick.ts

@@ -1,15 +0,0 @@
-/* @ngInject */
-export function selectOnClick($window: ng.IWindowService) {
-  return {
-    restrict: 'A',
-    link: function(scope: ng.IScope, element: JQLite) {
-      element.on('focus', () => {
-        if (!$window.getSelection()!.toString()) {
-          const input = element[0] as HTMLInputElement;
-          /** Required for mobile Safari */
-          input.setSelectionRange(0, input.value.length);
-        }
-      });
-    }
-  };
-}

app/assets/javascripts/directives/functional/selectOnFocus.ts

@@ -0,0 +1,17 @@
+/* @ngInject */
+export function selectOnFocus($window: ng.IWindowService) {
+  return {
+    restrict: 'A',
+    link: function (scope: ng.IScope, element: JQLite) {
+      element.on('focus', () => {
+        if (!$window.getSelection()!.toString()) {
+          const input = element[0] as HTMLInputElement;
+          /** Allow text to populate */
+          setImmediate(() => {
+            input.setSelectionRange(0, input.value.length);
+          })
+        }
+      });
+    }
+  };
+}