Focus on an element in a modal dialog about ng-focus-on HOT 3 OPEN

Hey!

I've run into this problem too. It's kind of a bummer.

After a brief look at the problem, it seems that most browsers will only allow javascript to set focus on an element as a result of a direct user action. (This means that the focus needs to be set in the same iteration of the event loop as the original click, instead of in a timeout or after an animation, which is how most modals work.)

If anyone has a solution to this problem, suggestions or pull requests are enthusiastically accepted.

from ng-focus-on.

I'm using ngDialog and faced the same problem. But I managed to solve the problem by making a directive and call the service inside the directive's controller. In my case, I open my dialog by using myDialog directive as follows:

ngDialog.open({
    template: '<my-dialog></my-dialog>', 
    plain: true
});

You see that I don't call the service inside the modal's controller. I call the service inside the directive's controller instead.

Well this is not really a solution. But I hope this would be an alternative solution for people who are facing the same issue.

from ng-focus-on.

I'm facing the same issue, what's the reason it works with a $timeout of 0ms but not without?

from ng-focus-on.