fix: only initialise event handlers once

ColinEberhardt · May 13, 2018 · 775fe88 · 775fe88
1 parent 6c5941d
commit 775fe88
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/client/package.json b/client/package.json
@@ -2,7 +2,7 @@
   "name": "applause-button",
   "description":
     "A zero-configuration button for adding applause / claps / kudos to web pages and blog-posts",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/applause-button.js",
   "license": "MIT",
   "devDependencies": {

diff --git a/client/src/applause-button.js b/client/src/applause-button.js
@@ -55,6 +55,10 @@ const MAX_MULTI_CLAP = 10;
 
 class ApplauseButton extends HTMLCustomElement {
   connectedCallback() {
+    if (this._connected) {
+      return;
+    }
+
     this.classList.add("loading");
     this.style.display = "block";
     // when the color of the button is set via its color property, various
@@ -122,6 +126,8 @@ class ApplauseButton extends HTMLCustomElement {
       this.classList.remove("loading");
       this._countElement.innerHTML = Number(claps);
     });
+
+    this._connected = true;
   }
 
   get color() {