Renders captcha outside angular zone (#26)

Enngage · Sep 25, 2018 · 15369cf · 15369cf
1 parent 0c56d72
commit 15369cf
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/projects/ngx-captcha-lib/src/lib/components/base-recaptcha.component.ts b/projects/ngx-captcha-lib/src/lib/components/base-recaptcha.component.ts
@@ -205,8 +205,13 @@ export abstract class BaseReCaptchaComponent implements OnChanges, ControlValueA
     * Responsible for instantiating captcha element
     */
     protected renderReCaptcha(): void {
-        this.captchaId = this.reCaptchaApi.render(this.captchaElemId, this.getCaptchaProperties());
-        this.ready.next();
+
+        // run outside angular zone due to timeout issues when testing
+        // details: https://github.com/Enngage/ngx-captcha/issues/26
+        this.zone.runOutsideAngular(() => {
+            this.captchaId = this.reCaptchaApi.render(this.captchaElemId, this.getCaptchaProperties());
+            this.ready.next();
+        });
     }
 
     /**