move container back to original dom position when closed

umbraco · Nov 2, 2023 · 7adc83a · 7adc83a
1 parent fabcbb5
commit 7adc83a
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/uui-popover-container/lib/uui-popover-polyfill.ts b/packages/uui-popover-container/lib/uui-popover-polyfill.ts
@@ -92,13 +92,27 @@ export function polyfill() {
     window.addEventListener('click', this.polyfill_onClick);
     window.addEventListener('focusout', this.polyfill_onFocusout);
 
+    //Find the dom position that the popover is currently at and save it so we can restore it later.
+    this.polyfill_originalParent = this.parentNode;
+    this.polyfill_originalNextSibling = this.nextSibling;
+
     if (this.parentNode !== document.body) {
       this.parentNode?.removeChild(this);
       this.polyfill_hasBeenMovedToBody = true;
       document.body.appendChild(this);
     }
   };
   this.hidePopover = () => {
+    //Restore previous dom position.
+    if (this.polyfill_hasBeenMovedToBody) {
+      document.body.removeChild(this);
+      this.polyfill_hasBeenMovedToBody = false;
+      this.polyfill_originalParent?.insertBefore(
+        this,
+        this.polyfill_originalNextSibling
+      );
+    }
+
     window.removeEventListener('click', this.polyfill_onClick);
     window.removeEventListener('focusout', this.polyfill_onFocusout);
     this.polyfill_parentPopoverContainer?.removeEventListener(