Error message when using ng-focus and typeahead at the same time

[shayanelhami]

If user has a ng-focus directive and tries to select something by mouse from typeahead popup the following error occurs:

[$rootScope:inprog] $apply already in progress

The origin of the error seems to be element[0].focus(); (commit 04a21e3 line 161)

[pkozlowski-opensource]

@shayanelhami could you please provide a minimal reproduce scenario using http://plnkr.co/? From your description it is not clear where the ng-focus directive is used, what are the versions you are using etc.

[shayanelhami]

Here you are: http://plnkr.co/DqTwVPQY54DUj9QI2HH9

Press 'A' select an item by mouse and keep an eye on the errors:

[pkozlowski-opensource]

Hmm, seems like there is a similar issue opened already on the AngularJS side:
angular/angular.js#5945

I'm probably going to remove this focusing thing as it causes other troubles but it would be cook to get to the bottom of this one.

[shayanelhami]

Oh! please don't remove the focusing. It's very helpful.
As a matter of fact I found out that by moving the focus to an asynchronous call it can be fixed. Please see my pull request (#1793).

[getuliojr]

I am having the same error here and need to know what is the fix that will be merged:

• Removing the line: element[0].focus();
• or setting it async: $timeout(function() { element[0].focus(); }, 0, false);

Keeping focus looks a better solution to keep tabbing to next field when using keyboard. I will patch my code with second solution for now.