@zohodesk/components 1.0.0-temp-352 → 1.0.0-temp-444

package/es/Responsive/ResizeComponent.js

@@ -146,9 +146,10 @@ export default class ResizeComponent extends React.Component {
   onResize(size) {
     if (size) {
       window.requestAnimationFrame(() => {
-        if (this.height !== size.height || this.width !== size.width && !this.isAnimating) {
+        if ((this.height !== size.height || this.width !== size.width || this.scrollWidth !== size.scrollWidth) && !this.isAnimating) {
           this.height = size.height;
           this.width = size.width;
+          this.scrollWidth = size.scrollWidth;
           this.childrenCurrentList = [];
           this.constructChildren(0, false);
         }
@@ -180,7 +181,7 @@ export default class ResizeComponent extends React.Component {
       let dataCount = 0;
       this.noSpaceForChildren = false;
 
-      if (totalWidth <= moreWidth) {
+      if (totalWidth + moreWidth <= moreWidth) {
         this.noSpaceForChildren = true;
       } else {
         for (let i = 0; i < childrenWidthList.length; i++) {
@@ -199,6 +200,8 @@ export default class ResizeComponent extends React.Component {
             }
 
             break;
+          } else {
+            dataCount++;
           }
         }
       }

package/es/Responsive/ResizeObserver.js

@@ -8,12 +8,16 @@ const mutationObserverOptions = {
 function getSize(element) {
   let {
     offsetHeight,
-    offsetWidth
+    offsetWidth,
+    scrollHeight,
+    scrollWidth
   } = element; // const { height, width } = element.getBoundingClientRect();
 
   return {
     height: offsetHeight,
-    width: offsetWidth
+    width: offsetWidth,
+    scrollHeight: scrollHeight,
+    scrollWidth: scrollWidth
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-352",
+  "version": "1.0.0-temp-444",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",