Error: $digest already in progress exception using element.focus in directive #1250

Activity

1. vojtajina commented on Sep 13, 2012

   

   vojtajina

   on Sep 13, 2012

   Contributor

   More actions

   Not sure that this is a bug in Angular.

   To get this working, you have to use setTimeout / $timeout service, otherwise you are trying to focus hidden element (the select becomes visible after your .focus() call).

   Plus .focus() triggers DOM event (synchronously) - so as long as you have some other directive listening on fired even (in this case ui-event listens on blur), it tries to do $apply() within $apply.
2. mhevery commented on Sep 17, 2012

   

   mhevery

   on Sep 17, 2012

   Contributor

   More actions

   I actually think there should be a way to support this without resolving to
   timeout.

   On Thu, Sep 13, 2012 at 2:59 AM, Vojta Jina [email protected]:

   Not sure that this is a bug in Angular.

   To get this working, you have to use setTimeout / $timeout service,
   otherwise you are trying to focus hidden element (the select becomes
   visible after your .focus() call).

   Plus .focus() triggers DOM event (synchronously) - so as long as you have
   some other directive listening on fired even (in this case ui-event listens
   on blur), it tries to do $apply() within $apply.

   —
   Reply to this email directly or view it on GitHubhttps://github.com//issues/1250#issuecomment-8523479.
3. mhevery commented on Sep 17, 2012

   

   mhevery

   on Sep 17, 2012

   Contributor

   More actions

   perhaps something like asyncEval but asyncPostDigest

   On Sun, Sep 16, 2012 at 9:13 PM, Misko Hevery [email protected] wrote:

   I actually think there should be a way to support this without resolving
   to timeout.

   On Thu, Sep 13, 2012 at 2:59 AM, Vojta Jina [email protected]:

   Not sure that this is a bug in Angular.

   To get this working, you have to use setTimeout / $timeout service,
   otherwise you are trying to focus hidden element (the select becomes
   visible after your .focus() call).

   Plus .focus() triggers DOM event (synchronously) - so as long as you have
   some other directive listening on fired even (in this case ui-event listens
   on blur), it tries to do $apply() within $apply.

   —
   Reply to this email directly or view it on GitHubhttps://github.com//issues/1250#issuecomment-8523479.
4. cj commented on Oct 17, 2012

   

   cj

   on Oct 17, 2012

   More actions

   I've been having the same issue, where parent scopes weren't getting updated straight away using $watch until the next time $apply/$digest was called. So I had to resort to using the setTimeout method @johntowell used. I'll make a plunker here later today.
5. btford commented on Dec 20, 2013

   

   btford

   on Dec 20, 2013

   Contributor

   More actions

   $timeout is a pragmatic approach for Angular 1.x. In the future, this will (hopefully) be solved with Object.observe.
6. btford

   closed this as completedon Dec 20, 2013