Merge pull request #356 from recurly/defer-container-focus

Adds field container click event deference
recurly · Jun 19, 2017 · aceab96 · aceab96
2 parents 2cdfd96 + a5c4325
commit aceab96
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/lib/recurly/hosted-field.js b/lib/recurly/hosted-field.js
@@ -26,7 +26,7 @@ export class HostedField extends Emitter {
     this.isFocused = false;
     this.configure(options);
     this.inject();
-    this.bindLabel();
+    this.bindDeferredFocus();
 
     this.on('bus:added', bus => {
       this.bus = bus;
@@ -106,7 +106,8 @@ export class HostedField extends Emitter {
     this.iframe.style.background = 'transparent';
   }
 
-  bindLabel () {
+  bindDeferredFocus () {
+    this.container.addEventListener('click', this.focus);
     if (!this.target.id) return;
     const labels = global.document.querySelectorAll(`label[for=${this.target.id}]`);
     [].slice.apply(labels).forEach(label => {