funda-ui 1.0.418 → 1.0.500

package/LiveSearch/index.js

@@ -718,7 +718,10 @@ var LiveSearch = function LiveSearch(props) {
       var newH = maxHeight - (elTop > window.innerHeight / 2 ? 0 : elTop) + elMinWindowSpacing;
 
       // default position
-      listContentRef.current.style.height = newH + 'px';
+      if (newH < maxHeight) {
+        // Prevent the height of `elTop` to negatively not match the problem
+        listContentRef.current.style.height = newH + 'px';
+      }
 
       // if it's on top
       if (newH > maxHeight) {

package/MultiFuncSelect/index.js

@@ -633,7 +633,10 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
       var newH = maxHeight - (elTop > window.innerHeight / 2 ? 0 : elTop) + elMinWindowSpacing;
 
       // default position
-      listContentRef.current.style.height = newH + 'px';
+      if (newH < maxHeight) {
+        // Prevent the height of `elTop` to negatively not match the problem
+        listContentRef.current.style.height = newH + 'px';
+      }
 
       // if it's on top
       if (newH > maxHeight) {

package/lib/cjs/LiveSearch/index.js

@@ -718,7 +718,10 @@ var LiveSearch = function LiveSearch(props) {
       var newH = maxHeight - (elTop > window.innerHeight / 2 ? 0 : elTop) + elMinWindowSpacing;
 
       // default position
-      listContentRef.current.style.height = newH + 'px';
+      if (newH < maxHeight) {
+        // Prevent the height of `elTop` to negatively not match the problem
+        listContentRef.current.style.height = newH + 'px';
+      }
 
       // if it's on top
       if (newH > maxHeight) {

package/lib/cjs/MultiFuncSelect/index.js

@@ -633,7 +633,10 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
       var newH = maxHeight - (elTop > window.innerHeight / 2 ? 0 : elTop) + elMinWindowSpacing;
 
       // default position
-      listContentRef.current.style.height = newH + 'px';
+      if (newH < maxHeight) {
+        // Prevent the height of `elTop` to negatively not match the problem
+        listContentRef.current.style.height = newH + 'px';
+      }
 
       // if it's on top
       if (newH > maxHeight) {

package/lib/esm/LiveSearch/index.tsx

@@ -158,7 +158,9 @@ const LiveSearch = (props: LiveSearchProps) => {
             const newH = maxHeight - (elTop > window.innerHeight/2 ? 0 : elTop) + elMinWindowSpacing;
 
             // default position
-            listContentRef.current.style.height = newH + 'px';
+            if (newH < maxHeight) { // Prevent the height of `elTop` to negatively not match the problem
+                listContentRef.current.style.height = newH + 'px';
+            }
             
 
             // if it's on top

package/lib/esm/MultiFuncSelect/index.tsx

@@ -167,9 +167,11 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
     //performance
     const handleChangeFetchSafe = useThrottle((val: any) => {
         
+        
         let _orginalData: OptionConfig[] = [];
         const update = (inputData: any) => {
             const filterRes = (data: any[]) => {
+                
                 return inputData.filter((item: any) => {
           
                     // Avoid fatal errors causing page crashes
@@ -189,6 +191,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
                         return false;
                     }
                 });
+
             }
 
             setOptionsData(filterRes);
@@ -301,7 +304,6 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
     function getPlacement(el: HTMLElement, restorePos: boolean = false) {
 
         if ( el === null ) return;
-        
 
         const PLACEMENT_TOP = 'top-0';
         const PLACEMENT_BOTTOMEND = 'bottom-0';
@@ -345,7 +347,10 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
             const newH = maxHeight - (elTop > window.innerHeight/2 ? 0 : elTop) + elMinWindowSpacing;
 
             // default position
-            listContentRef.current.style.height = newH + 'px';
+            if (newH < maxHeight) { // Prevent the height of `elTop` to negatively not match the problem
+                listContentRef.current.style.height = newH + 'px';
+            }
+            
             
 
             // if it's on top
@@ -1098,7 +1103,8 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
 
     
 
-    function handleComposition(event: any) {
+    function handleComposition(event: any) { 
+
         if (event.type === 'compositionstart' || event.type === 'compositionend') {
             //fire change method to update for Chrome v53
             handleChange(event);
@@ -1106,11 +1112,13 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
     }
 
     function handleChange(event: any) {
+
         const val = event.target.value;
 
         // update temporary value
         setControlTempValue(val);
 
+  
         //
         if ( val.replace(/\s/g, "") === '' ) {
             // No elements found. Consider changing the search query.
@@ -1508,7 +1516,6 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
                                     </button>
                                 </> : null}
 
-
                                 {optionsData ? optionsData.map((item, index) => {
                                     const startItemBorder = index === 0 ? 'border-top-0' : '';
                                     const endItemBorder = index === optionsData.length - 1 ? 'border-bottom-0' : '';

package/package.json

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