@daracl/form 0.0.2 → 0.0.4

package/dist/index.cjs

@@ -2324,6 +2324,7 @@ var init_DateTimePicker = __esm({
       mode: "date",
       enableTodayBtn: true,
       showMonthAfterYear: false,
+      isPositionFixed: false,
       format: "",
       zIndex: 1e3,
       minDate: "",
@@ -2672,14 +2673,21 @@ var init_DateTimePicker = __esm({
         const rect = this.targetElement.getBoundingClientRect();
         const scrollTop = window.scrollY || document.documentElement.scrollTop;
         const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
-        const offsetTop = rect.top + scrollTop;
-        let top = offsetTop + this.targetElement.offsetHeight + 2;
-        const left = rect.left + scrollLeft;
-        if (top + this.datetimeElement.offsetHeight > docSize.clientHeight) {
-          const newTop = offsetTop - (this.datetimeElement.offsetHeight + 2);
-          top = newTop > 0 ? newTop : top;
+        const elementHeight = this.datetimeElement.offsetHeight;
+        const targetElementHeight = this.targetElement.offsetHeight + 2;
+        let left = rect.left + scrollLeft;
+        let top = 0;
+        if (this.options.isPositionFixed) {
+          top = rect.top + targetElementHeight;
+          left = rect.left;
+        } else {
+          if (rect.top + targetElementHeight + elementHeight > docSize.clientHeight && rect.top >= elementHeight) {
+            top = scrollTop + rect.top - elementHeight - 2;
+          } else {
+            top = scrollTop + rect.top + targetElementHeight;
+          }
         }
-        this.datetimeElement.setAttribute("style", `top:${top}px;left:${left}px;z-index:${this.options.zIndex}`);
+        this.datetimeElement.setAttribute("style", `${this.options.isPositionFixed ? "position:fixed;" : ""}top:${top}px;left:${left}px;z-index:${this.options.zIndex}`);
         document.addEventListener("click", this._documentClickEvent);
       }
       /**