@everymatrix/stage-mm-verification-report 1.0.43 → 1.0.44

package/main.js

@@ -23419,21 +23419,31 @@ var DmRangeDatePickerLibComponent = class _DmRangeDatePickerLibComponent {
     const popEl = this.popover.container;
     const parentEl = popEl.parentElement;
     this.popoverOpened = true;
-    if (popEl) {
+    if (popEl && parentEl) {
       popEl.style.left = "0px";
-      popEl.style.top = "0px";
-      if (parentEl) {
+      popEl.style.top = `${parentEl.offsetHeight}px`;
+      popEl.style.bottom = "";
+      requestAnimationFrame(() => {
         const rect = popEl.getBoundingClientRect();
         const parentRect = parentEl.getBoundingClientRect();
-        const isClippedRight = rect.right > window.innerWidth;
+        const popoverHeight = popEl.offsetHeight;
+        const viewportHeight = window.innerHeight;
+        const viewportWidth = window.innerWidth;
+        const isClippedRight = rect.right > viewportWidth;
+        const isClippedBottom = rect.bottom > viewportHeight;
+        const spaceAbove = parentRect.top;
         if (isClippedRight) {
           popEl.style.left = `-${rect.width - parentRect.width}px`;
         }
-        const isClippedBottom = rect.bottom > window.innerHeight;
         if (isClippedBottom) {
-          popEl.style.top = `-${rect.height - parentRect.height}px`;
+          if (spaceAbove >= popoverHeight) {
+            popEl.style.top = "";
+            popEl.style.bottom = `${parentEl.offsetHeight}px`;
+          } else {
+            popEl.style.top = `-${(viewportHeight - (viewportHeight - popoverHeight)) / 2}px`;
+          }
         }
-      }
+      });
     }
   }
   onPopoverClose() {