@zohodesk/components 1.0.0-temp-350 → 1.0.0-temp-555

package/README.md

@@ -32,10 +32,13 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-242
+
+- Tag -> defaultLink palette added
+
 # 1.0.0-alpha-241
 
 - Added unobserve element condition for Tooltip.
-- Tag -> defaultLink palatte added
 
 # 1.0.0-alpha-240
 

package/es/Responsive/ResizeComponent.js

@@ -109,6 +109,7 @@ export default class ResizeComponent extends React.Component {
   }
 
   reset() {
+    this.forceUpdate = true;
     this.childrenCurrentList = [];
     this.tabsObserver.disconnect();
     this.tabObserver && this.tabObserver.disconnect();
@@ -146,9 +147,12 @@ 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.forceUpdate || (this.height !== size.height || this.width !== size.width || this.scrollWidth !== size.scrollWidth || this.scrollHeight !== size.scrollHeight) && !this.isAnimating) {
+          this.forceUpdate = false;
           this.height = size.height;
           this.width = size.width;
+          this.scrollHeight = size.scrollHeight;
+          this.scrollWidth = size.scrollWidth;
           this.childrenCurrentList = [];
           this.constructChildren(0, false);
         }
@@ -180,7 +184,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 +203,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-350",
+  "version": "1.0.0-temp-555",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",