xtForm and UI Bootstrap $apply already in progress

[larixer]

When you try to run UI bootstrap popup datepicker (https://angular-ui.github.io/bootstrap/) inside xtForm form it will result in the following error:

Error: [$rootScope:inprog] $apply already in progress
http://errors.angularjs.org/1.3.15/$rootScope/inprog?p0=%24apply
at REGEX_STRING_REGEXP (angular.js:63)
at beginPhase (angular.js:14820)
at Scope.$get.Scope.$apply (angular.js:14564)
at HTMLInputElement. (xtForm.tpl.js:58)
at HTMLInputElement.jQuery.event.dispatch (jquery.js:4435)
at HTMLInputElement.jQuery.event.add.elemData.handle (jquery.js:4121)
at Scope.link.scope.dateSelection (ui-bootstrap-tpls.js:1632)
at $parseFunctionCall (angular.js:12404)
at Scope.$get.Scope.$eval (angular.js:14466)
at angular.js:20672

[idreeshaddad]

@Vlasenko Could you replicate that in http://plnkr.co/ ?

[smurugavel]

I was able to reproduce this problem in Chrome + Angular 1.3, Angular ui 0.13.3 + xtform. Not sure if this was a xtform problem but could be due to Angular ui 0.13.3. A previous version of angular ui did not have this problem.

Eitherway, due to complexity and performance i noted in Angular ui datepicker, I am moving on to AngularStrap.

[peng-at-gruden]

@Vlasenko I was running into the same issue. Changing the xtForm.js line 58 do the trick for me:
scope.$apply() => scope.$evalAsync()

$evalAsync takes a function and schedules it to run later but still during the ongoing digest. Also $evalAsync triggers a digest when there is no one is running.