funda-ui 4.7.560 → 4.7.565

package/Date/index.js

@@ -1954,7 +1954,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             src: src || null,
             size: size || null,
             alt: alt || null,
-            inputMode: inputMode || 'text',
+            inputMode: inputMode || undefined,
             pattern: pattern || null,
             placeholder: placeholder || '',
             value: changedVal,
@@ -5346,7 +5346,6 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
       _modalRef.style.top = 'auto';
       _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
       _modalRef.style.setProperty('position', 'fixed', 'important');
-      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {

package/Input/index.js

@@ -1400,7 +1400,7 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
     src: src || null,
     size: size || null,
     alt: alt || null,
-    inputMode: inputMode || 'text',
+    inputMode: inputMode || undefined,
     pattern: pattern || null,
     placeholder: placeholder || '',
     value: changedVal,

package/LiveSearch/index.js

@@ -3104,16 +3104,17 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 

package/RangeSlider/index.js

@@ -1920,7 +1920,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             src: src || null,
             size: size || null,
             alt: alt || null,
-            inputMode: inputMode || 'text',
+            inputMode: inputMode || undefined,
             pattern: pattern || null,
             placeholder: placeholder || '',
             value: changedVal,

package/Select/index.js

@@ -3995,9 +3995,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         setTimeout(function () {
           popwinPosInit();
           popwinFilterItems(val);
-
-          // Fix popup position after fetch loading completes
-          fixPopupPositionAfterFetch();
         }, 0);
         setFetchLoading(false);
       });
@@ -4427,16 +4424,17 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 
@@ -4581,7 +4579,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   function popwinContainerHeightAdjust() {
     if (listContentRef.current === null) return;
     var oldHeight = listContentRef.current.dataset.height;
-    var pos = listContentRef.current.dataset.pos;
     var filteredHeight = listContentRef.current.firstChild.clientHeight;
 
     // height restrictions
@@ -4589,8 +4586,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     filteredHeight = listContainerHeightLimit(filteredHeight);
     if (parseFloat(oldHeight) > filteredHeight) {
       listContentRef.current.style.height = filteredHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height changed to:', filteredHeight);
     } else {
       listContentRef.current.style.height = oldHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height kept as:', oldHeight);
     }
   }
   function popwinNoMatchInit() {
@@ -4622,25 +4621,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     //
     if (selectInputRef.current) selectInputRef.current.value = '';
   }
-  function fixPopupPositionAfterFetch() {
-    if (listContentRef.current === null || !isOpen) return;
-
-    // Get the current position data
-    var currentPos = listContentRef.current.dataset.pos;
-    if (currentPos === 'top') {
-      // Recalculate position for upward popup to fix offset issues
-      var _modalRef = document.querySelector("#custom-select__options-wrapper-".concat(idRes));
-      if (_modalRef && rootRef.current && selectInputRef.current) {
-        var _getAbsolutePositionO3 = (0,getElementProperty.getAbsolutePositionOfStage)(rootRef.current),
-          x = _getAbsolutePositionO3.x;
-        var _getAbsolutePositionO4 = (0,getElementProperty.getAbsolutePositionOfStage)(selectInputRef.current),
-          y = _getAbsolutePositionO4.y;
-        _modalRef.style.left = x + 'px';
-        var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-        _modalRef.style.top = topPosition + 'px';
-      }
-    }
-  }
   function cancel() {
     // hide list
     setIsOpen(false);
@@ -5851,9 +5831,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         setTimeout(function () {
           popwinPosInit();
           popwinFilterItems(controlTempValue);
-
-          // Fix popup position after fetch loading completes
-          fixPopupPositionAfterFetch();
         }, 0);
       });
     }
@@ -5979,9 +5956,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         setTimeout(function () {
           popwinPosInit();
           popwinFilterItems(controlTempValue);
-
-          // Fix popup position after fetch loading completes
-          fixPopupPositionAfterFetch();
         }, 0);
       });
     }

package/lib/cjs/Date/index.js

@@ -1954,7 +1954,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             src: src || null,
             size: size || null,
             alt: alt || null,
-            inputMode: inputMode || 'text',
+            inputMode: inputMode || undefined,
             pattern: pattern || null,
             placeholder: placeholder || '',
             value: changedVal,
@@ -5346,7 +5346,6 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
       _modalRef.style.top = 'auto';
       _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
       _modalRef.style.setProperty('position', 'fixed', 'important');
-      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {

package/lib/cjs/Input/index.js

@@ -1400,7 +1400,7 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
     src: src || null,
     size: size || null,
     alt: alt || null,
-    inputMode: inputMode || 'text',
+    inputMode: inputMode || undefined,
     pattern: pattern || null,
     placeholder: placeholder || '',
     value: changedVal,

package/lib/cjs/LiveSearch/index.js

@@ -3104,16 +3104,17 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 

package/lib/cjs/RangeSlider/index.js

@@ -1920,7 +1920,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             src: src || null,
             size: size || null,
             alt: alt || null,
-            inputMode: inputMode || 'text',
+            inputMode: inputMode || undefined,
             pattern: pattern || null,
             placeholder: placeholder || '',
             value: changedVal,

package/lib/cjs/Select/index.js

@@ -3995,9 +3995,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         setTimeout(function () {
           popwinPosInit();
           popwinFilterItems(val);
-
-          // Fix popup position after fetch loading completes
-          fixPopupPositionAfterFetch();
         }, 0);
         setFetchLoading(false);
       });
@@ -4427,16 +4424,17 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 
@@ -4581,7 +4579,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   function popwinContainerHeightAdjust() {
     if (listContentRef.current === null) return;
     var oldHeight = listContentRef.current.dataset.height;
-    var pos = listContentRef.current.dataset.pos;
     var filteredHeight = listContentRef.current.firstChild.clientHeight;
 
     // height restrictions
@@ -4589,8 +4586,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     filteredHeight = listContainerHeightLimit(filteredHeight);
     if (parseFloat(oldHeight) > filteredHeight) {
       listContentRef.current.style.height = filteredHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height changed to:', filteredHeight);
     } else {
       listContentRef.current.style.height = oldHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height kept as:', oldHeight);
     }
   }
   function popwinNoMatchInit() {
@@ -4622,25 +4621,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     //
     if (selectInputRef.current) selectInputRef.current.value = '';
   }
-  function fixPopupPositionAfterFetch() {
-    if (listContentRef.current === null || !isOpen) return;
-
-    // Get the current position data
-    var currentPos = listContentRef.current.dataset.pos;
-    if (currentPos === 'top') {
-      // Recalculate position for upward popup to fix offset issues
-      var _modalRef = document.querySelector("#custom-select__options-wrapper-".concat(idRes));
-      if (_modalRef && rootRef.current && selectInputRef.current) {
-        var _getAbsolutePositionO3 = (0,getElementProperty.getAbsolutePositionOfStage)(rootRef.current),
-          x = _getAbsolutePositionO3.x;
-        var _getAbsolutePositionO4 = (0,getElementProperty.getAbsolutePositionOfStage)(selectInputRef.current),
-          y = _getAbsolutePositionO4.y;
-        _modalRef.style.left = x + 'px';
-        var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-        _modalRef.style.top = topPosition + 'px';
-      }
-    }
-  }
   function cancel() {
     // hide list
     setIsOpen(false);
@@ -5851,9 +5831,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         setTimeout(function () {
           popwinPosInit();
           popwinFilterItems(controlTempValue);
-
-          // Fix popup position after fetch loading completes
-          fixPopupPositionAfterFetch();
         }, 0);
       });
     }
@@ -5979,9 +5956,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         setTimeout(function () {
           popwinPosInit();
           popwinFilterItems(controlTempValue);
-
-          // Fix popup position after fetch loading completes
-          fixPopupPositionAfterFetch();
         }, 0);
       });
     }

package/lib/esm/Date/index.tsx

@@ -540,7 +540,6 @@ const Date = forwardRef((props: DateProps, externalRef: any) => {
             _modalRef.style.top = 'auto';
             _modalRef.style.bottom = (window.innerHeight - _triggerBox.top) + POS_OFFSET + 2 + 'px';
             _modalRef.style.setProperty('position', 'fixed', 'important');
-            _modalRef.style.setProperty('position', 'fixed', 'important');
             _modalRef.classList.add('pos-top');
         }
 

package/lib/esm/Input/index.tsx

@@ -545,7 +545,7 @@ const Input = forwardRef((props: InputProps, externalRef: any) => {
                             src={src || null}
                             size={size || null}
                             alt={alt || null}
-                            inputMode={inputMode || 'text'}
+                            inputMode={inputMode || undefined}
                             pattern={pattern || null}
                             placeholder={placeholder || ''}
                             value={changedVal}

package/lib/esm/LiveSearch/index.tsx

@@ -362,10 +362,10 @@ const LiveSearch = forwardRef((props: LiveSearchProps, externalRef: any) => {
         // Adjust position
         if (targetPos === 'top') {
             _modalRef.style.left = x + 'px';
-            _modalRef.style.bottom = 'auto';
-            // Position the popup above the trigger without overlapping
-            const topPosition = y - POS_OFFSET - (listContentRef.current.clientHeight) - 2;
-            _modalRef.style.top = topPosition + 'px';
+            //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+            _modalRef.style.top = 'auto';
+            _modalRef.style.bottom = (window.innerHeight - _triggerBox.top) + POS_OFFSET + 2 + 'px';
+            _modalRef.style.setProperty('position', 'fixed', 'important');
             _modalRef.classList.add('pos-top');
 
         }
@@ -374,6 +374,7 @@ const LiveSearch = forwardRef((props: LiveSearchProps, externalRef: any) => {
             _modalRef.style.left = x + 'px';
             _modalRef.style.bottom = 'auto';
             _modalRef.style.top = y + height + POS_OFFSET + 'px';
+            _modalRef.style.setProperty('position', 'absolute', 'important');
             _modalRef.classList.remove('pos-top');
         }
 

package/lib/esm/Select/index.tsx

@@ -505,9 +505,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                     popwinPosInit();
                     popwinFilterItems(val);
 
-                    // Fix popup position after fetch loading completes
-                    fixPopupPositionAfterFetch();
-
                 }, 0);
 
                 setFetchLoading(false);
@@ -519,7 +516,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             setTimeout(() => {
                 popwinPosInit();
                 popwinFilterItems(val);
-                
             }, 0);
 
             setFetchLoading(false);
@@ -971,10 +967,10 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         // Adjust position
         if (targetPos === 'top') {
             _modalRef.style.left = x + 'px';
-            _modalRef.style.bottom = 'auto';
-            // Position the popup above the trigger without overlapping
-            const topPosition = y - POS_OFFSET - (listContentRef.current.clientHeight) - 2;
-            _modalRef.style.top = topPosition + 'px';
+            //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+            _modalRef.style.top = 'auto';
+            _modalRef.style.bottom = (window.innerHeight - _triggerBox.top) + POS_OFFSET + 2 + 'px';
+            _modalRef.style.setProperty('position', 'fixed', 'important');
             _modalRef.classList.add('pos-top');
 
         }
@@ -983,6 +979,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             _modalRef.style.left = x + 'px';
             _modalRef.style.bottom = 'auto';
             _modalRef.style.top = y + height + POS_OFFSET + 'px';
+            _modalRef.style.setProperty('position', 'absolute', 'important');
             _modalRef.classList.remove('pos-top');
         }
 
@@ -1171,7 +1168,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         if (listContentRef.current === null) return;
 
         let oldHeight = listContentRef.current.dataset.height;
-        const pos = listContentRef.current.dataset.pos;
         let filteredHeight = listContentRef.current.firstChild.clientHeight;
 
         // height restrictions
@@ -1181,8 +1177,10 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
         if (parseFloat(oldHeight) > filteredHeight) {
             listContentRef.current.style.height = filteredHeight + 'px';
+            console.log('popwinContainerHeightAdjust - height changed to:', filteredHeight);
         } else {
             listContentRef.current.style.height = oldHeight + 'px';
+            console.log('popwinContainerHeightAdjust - height kept as:', oldHeight);
         }
 
     }
@@ -1227,26 +1225,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
     }
 
-    
-    function fixPopupPositionAfterFetch() {
-        if (listContentRef.current === null || !isOpen) return;
-        
-        // Get the current position data
-        const currentPos = listContentRef.current.dataset.pos;
-        
-        if (currentPos === 'top') {
-            // Recalculate position for upward popup to fix offset issues
-            const _modalRef: any = document.querySelector(`#custom-select__options-wrapper-${idRes}`);
-            if (_modalRef && rootRef.current && selectInputRef.current) {
-                const { x } = getAbsolutePositionOfStage(rootRef.current);
-                const { y } = getAbsolutePositionOfStage(selectInputRef.current);
-                
-                _modalRef.style.left = x + 'px';
-                const topPosition = y - POS_OFFSET - (listContentRef.current.clientHeight) - 2;
-                _modalRef.style.top = topPosition + 'px';
-            }
-        }
-    }
 
     
     function cancel() {
@@ -1947,7 +1925,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         if (MANUAL_REQ && val !== '') {
             popwinPosInit();
         }
-        
 
     }
 
@@ -2546,9 +2523,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                                         popwinPosInit();
                                         popwinFilterItems(controlTempValue);
 
-                                        // Fix popup position after fetch loading completes
-                                        fixPopupPositionAfterFetch();
-
                                     }, 0);
                                 });
                                 
@@ -2822,9 +2796,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                                         popwinPosInit();
                                         popwinFilterItems(controlTempValue);
 
-                                        // Fix popup position after fetch loading completes
-                                        fixPopupPositionAfterFetch();
-
                                     }, 0);
                                 });
                             }}>

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "4.7.560",
+  "version": "4.7.565",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",