@nys-cui/cui-formpill 0.2.4 → 0.2.6

package/package.json

@@ -6,7 +6,7 @@
     },
     "main": "./dist/js/cui-formpill.js",
     "type": "module",
-    "version": "0.2.4",
+    "version": "0.2.6",
     "scripts": {
         "clean": "rm -rf ./dist",
         "build": "npm run clean && cui --dep",

package/src/cui-formpill.js

@@ -147,6 +147,15 @@ class CUI_FORMPILL_PILL extends HTMLElement {
 
     }
 
+    disconnectedCallback() {
+
+        for (let dPopover of document.body.querySelectorAll('cui-formpill-popover')) {
+            if (dPopover.state.dFor === this) {
+                document.body.removeChild(dPopover);
+            }
+        }
+    }
+
 
 }
 
@@ -296,6 +305,15 @@ class CUI_FORMPILL extends HTMLElement {
 
         }
 
+        if (this._state.dMenuPopover) {
+            this._state.dMenuPopover.state.bOpen = false;
+            document.body.removeChild(this._state.dMenuPopover)
+            this._state.dMenuPopover = null;
+            document.body.removeEventListener('click', this.fGlobalBodyClick);
+            this._state.bMenuDisplayed = false;
+        }
+
+
         this.render(true);
     }
     get label() {
@@ -830,7 +848,7 @@ class CUI_FORMPILL extends HTMLElement {
                 if (controls.value.search) {
                     this.dValueField.setAttribute('search', true)
                 }
-                
+
                 if (pill._state.sValue2.indexOf(',') == -1) {
                     this.dValueField.setAttribute('value', pill._state.sValue2)
                 }
@@ -1280,7 +1298,9 @@ class CUI_FORMPILL extends HTMLElement {
 
         if (this._state.dMenuPopover) {
             this._state.dMenuPopover.state.bOpen = false;
-            this._state.dMenuPopover.parentNode.removeChild(this._state.dMenuPopover)
+            if(this._state.dMenuPopover.isConnected) {
+                document.body.removeChild(this._state.dMenuPopover);
+            }
             this._state.dMenuPopover = null;
         }