From 0540239a4b8465fb36b838ea2b18b076cc12a470 Mon Sep 17 00:00:00 2001
From: Yury Orlov <mpcteam.kvet@gmail.com>
Date: Fri, 17 Aug 2018 12:27:51 +0300
Subject: [PATCH] chore: fix incorrect size updating (#1325)

---
 .../virtual-table-layout.test.jsx.snap        | 204 +++++++++++++++++-
 .../table-layout/virtual-table-layout.jsx     |   4 +-
 2 files changed, 201 insertions(+), 7 deletions(-)

diff --git a/packages/dx-react-grid/src/components/table-layout/__snapshots__/virtual-table-layout.test.jsx.snap b/packages/dx-react-grid/src/components/table-layout/__snapshots__/virtual-table-layout.test.jsx.snap
index 457cabcf42..f2cabfdb2f 100644
--- a/packages/dx-react-grid/src/components/table-layout/__snapshots__/virtual-table-layout.test.jsx.snap
+++ b/packages/dx-react-grid/src/components/table-layout/__snapshots__/virtual-table-layout.test.jsx.snap
@@ -159,7 +159,7 @@ exports[`VirtualTableLayout should render correct layout 1`] = `
       <tableComponent
         style={
           Object {
-            "marginBottom": "40px",
+            "marginBottom": "120px",
             "minWidth": "400px",
           }
         }
@@ -590,18 +590,212 @@ exports[`VirtualTableLayout should render correct layout 1`] = `
             </rowComponent>
           </RefHolder>
           <RefHolder
-            key="stub_4_8"
+            key="5"
+          >
+            <rowComponent
+              tableRow={
+                Object {
+                  "key": 5,
+                }
+              }
+            >
+              <cellComponent
+                colSpan={1}
+                key="a"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "a",
+                    },
+                    "key": "a",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 5,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="b"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "b",
+                    },
+                    "key": "b",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 5,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="c"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "c",
+                    },
+                    "key": "c",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 5,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="d"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "d",
+                    },
+                    "key": "d",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 5,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="e"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "e",
+                    },
+                    "key": "e",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 5,
+                  }
+                }
+              />
+            </rowComponent>
+          </RefHolder>
+          <RefHolder
+            key="6"
+          >
+            <rowComponent
+              tableRow={
+                Object {
+                  "key": 6,
+                }
+              }
+            >
+              <cellComponent
+                colSpan={1}
+                key="a"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "a",
+                    },
+                    "key": "a",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 6,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="b"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "b",
+                    },
+                    "key": "b",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 6,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="c"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "c",
+                    },
+                    "key": "c",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 6,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="d"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "d",
+                    },
+                    "key": "d",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 6,
+                  }
+                }
+              />
+              <cellComponent
+                colSpan={1}
+                key="e"
+                tableColumn={
+                  Object {
+                    "column": Object {
+                      "name": "e",
+                    },
+                    "key": "e",
+                  }
+                }
+                tableRow={
+                  Object {
+                    "key": 6,
+                  }
+                }
+              />
+            </rowComponent>
+          </RefHolder>
+          <RefHolder
+            key="stub_6_8"
           >
             <rowComponent
               style={
                 Object {
-                  "height": "200px",
+                  "height": "120px",
                 }
               }
               tableRow={
                 Object {
-                  "height": 200,
-                  "key": "stub_4_8",
+                  "height": 120,
+                  "key": "stub_6_8",
                   "type": "stub",
                 }
               }
diff --git a/packages/dx-react-grid/src/components/table-layout/virtual-table-layout.jsx b/packages/dx-react-grid/src/components/table-layout/virtual-table-layout.jsx
index 7086af74fd..048f6357c3 100644
--- a/packages/dx-react-grid/src/components/table-layout/virtual-table-layout.jsx
+++ b/packages/dx-react-grid/src/components/table-layout/virtual-table-layout.jsx
@@ -107,8 +107,8 @@ export class VirtualTableLayout extends React.PureComponent {
     } = this.state;
 
     if (prevHeaderHeight !== headerHeight
-      && prevBodyHeight !== bodyHeight
-      && prevFooterHeight !== footerHeight) {
+      || prevBodyHeight !== bodyHeight
+      || prevFooterHeight !== footerHeight) {
       this.setState({
         headerHeight,
         bodyHeight,