react-ui-basics 0.0.221 → 0.0.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.221",
+  "version": "0.0.222",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/src/FilteredList.css

@@ -9,7 +9,7 @@
   background: white;
   z-index: 4;
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  transition: all 0.2s ease-out;
+  transition: top 0.2s ease-out, opacity 0.2s ease-out;
   top: calc(100% + 4px);
   opacity: 0;
   border-radius: 2px;

package/src/FilteredList.scss

@@ -11,7 +11,7 @@
     background: white;
     z-index: 4;
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-    transition: all 0.2s ease-out;
+    transition: top 0.2s ease-out, opacity 0.2s ease-out;
     top: calc(100% + 4px);
     opacity: 0;
     border-radius: 2px;

package/src/Scrollable.tsx

@@ -274,14 +274,16 @@ class Scrollable extends AbstractScrollable {
                 !adjustedScrollWidth && adjustScrollWidth();
 
                 const newRatio = scrollHeight / scrollbarHeight;
-                if (!containerHeight || (ratio === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
+                if ((ratio === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
 
                 const offsetHeight = offsetHeightOf(viewport);
                 const horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? scrollbarH.clientHeight + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;
 
                 let containerOffsetHeight = containerHeight + horizontalScrollBarOffset;
-                if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL)
+                if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL) {
+                    ratio = newRatio;
                     return;
+                }
 
                 if (props().autoScrollTop && scrollHeight - offsetHeight - viewport.scrollTop <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
                     viewport.scrollTop = 0; // scroll to top if scrollbar gets smaller
@@ -323,16 +325,16 @@ class Scrollable extends AbstractScrollable {
                 !adjustedScrollWidth && adjustScrollWidth();
 
                 const newRatio = scrollWidth / scrollbarWidth;
-                if (!containerWidth || (ratioH === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
+                if ((ratioH === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
 
                 const offsetWidth = offsetWidthOf(viewport);
                 const verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? scrollbar.clientWidth + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
 
+                ratioH = newRatio;
                 let containerOffsetWidth = containerWidth + verticalScrollBarOffset;
                 if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL)
                     return;
 
-                ratioH = newRatio;
                 if (newRatio > 1.02)
                     styleOf(thumbH).width = (scrollbarWidth / newRatio) + 'px';
 
@@ -373,7 +375,7 @@ class Scrollable extends AbstractScrollable {
 
             if (update) {
                 initTimeout = setTimeout(() => {
-                    resizeInterval = setInterval(update, 50);
+                    resizeInterval = setInterval(update, 16);
                 }, 200)
             }
         };