Destroy all dynamically inserted styles

AjayPoshak · Nov 30, 2019 · 326d39b · 326d39b
1 parent b716692
commit 326d39b
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/index.js b/index.js
@@ -6,6 +6,7 @@ function Coachmark() {
   let currentStep = 0;
   let highlighter = null;
   let tooltipTextElement = null;
+  let styleClass = 'coachmark-styles'
 
   const overlayStyles = ` 
     top: 0; 
@@ -180,6 +181,11 @@ function Coachmark() {
     if (mountPoint) mountPoint.remove();
     if (nextBtn) nextBtn.removeEventListener("click", handleNextBtnClick);
     if (skipBtn) skipBtn.removeEventListener("click", handleSkipClick);
+    // Destroy all dynamically inserted styles
+    const allDynamicStyles = document.getElementsByClassName(styleClass)
+    if(allDynamicStyles.length) {
+      Array.from(allDynamicStyles).forEach(dynamicStyle => dynamicStyle.remove())
+    }
   }
 
   function getCoachmarkElements() {
@@ -201,6 +207,7 @@ function Coachmark() {
   function addStyles(selector, styles) {
     if (styles.length) {
       const style = document.createElement("style");
+      style.classList.add(styleClass)
       document.head.appendChild(style);
       const styleSheet = style.sheet;
       styleSheet.insertRule(