ios 10 autofocus not focusing input

Question

When i'm running an application on Desktop or Android device, input focus is working fine. But it's not working in ios 10 Safari. I am using angularjs.

$timeout(function () {
  var input = $element.find('.my-input-box')[0];
  input.focus();
}, 500);

$timeout(function () { $('#someID').focus(); }, 500); try this — Sanjay B, Feb 24 '17 at 06:59
it might be in DOM in less than 500ms on Desktop and Android, but not on iOS... — n00dl3, Mar 15 '17 at 08:34
If there isn't any error it may be some other element gets focus after `input.focus()` . — Hikmat G., Mar 16 '17 at 08:16

mlk · Answer 1 · 2017-03-17T20:37:11.723

3

Since you are using angularjs, you should definitely try finding your solution in angular.

Did you try using ngFocus.

I guess it would probably look like this:

html:

<input ng-focus="YourVariable">

And set YourVariable to True.

edited Mar 17 '17 at 20:37

answered Mar 17 '17 at 20:30

mlk

388
2
10

score 0 · Answer 2 · answered Mar 19 '17 at 08:30

0

I found this https://github.com/angular/material/issues/10080

may be this is helpful to you.

This link said may be it is event/gestured problem.

answered Mar 19 '17 at 08:30

Mukul Bhardwaj

183
1
2
8

or you can try :- http://stackoverflow.com/questions/14859266/input-autofocus-attribute?rq=1 – Mukul Bhardwaj Mar 19 '17 at 09:05

jitender · Answer 3 · 2017-03-22T07:48:52.037

0

No need to find the element.You can add a directive instead.

yourApp.directive('autofocus', ['$timeout', function($timeout) {
  return {
    restrict: 'A',
    link : function($scope, $element) {
      $timeout(function() {
        $element[0].focus();
      });
    }
  }
}]);

and use like :-

<input autofocus type="text"/>

Here is working example

edited Mar 22 '17 at 07:48

answered Mar 22 '17 at 07:43

jitender

10,238
1
18
44

ios 10 autofocus not focusing input

3 Answers3