@limetech/lime-elements 37.65.5 → 37.65.7

package/dist/cjs/limel-icon_2.cjs.entry.js

@@ -2007,7 +2007,6 @@ const Portal = class {
     this.position = 'absolute';
     this.containerId = undefined;
     this.containerStyle = {};
-    this.parent = document.body;
     this.inheritParentWidth = false;
     this.visible = false;
     this.anchor = null;
@@ -2088,7 +2087,7 @@ const Portal = class {
     });
   }
   attachContainer() {
-    this.parent.appendChild(this.container);
+    this.getParent().appendChild(this.container);
   }
   removeContainer() {
     if (!this.container) {
@@ -2227,6 +2226,19 @@ const Portal = class {
       extraCosmeticSpace;
     this.container.style.maxHeight = `${maxHeight}px`;
   }
+  // Returns the parent element where the content of the portal will be moved to.
+  // It needs to have styling of the portal container.
+  getParent() {
+    let element = this.anchor || this.host;
+    while (element) {
+      const parent = element.closest('.limel-portal--parent');
+      if (parent) {
+        return parent;
+      }
+      element = element.getRootNode().host;
+    }
+    return document.body;
+  }
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "visible": ["onVisible"]