Merge pull request #1730 from adumesny/master

doc update

Author: adumesny

doc/CHANGES.md

@@ -58,12 +58,13 @@ Change log
 
 - fix [#1700](https://github.com/gridstack/gridstack.js/issues/1700) JQ nested grid drag fix broken in 4.0.3 (but much older underlying issue)
 - fix [#1678](https://github.com/gridstack/gridstack.js/issues/1678) item gs-x:0 not animating fix
+- fix [#1678](https://github.com/gridstack/gridstack.js/pull/1678) resize-scroll issue when grid is not at top of page. Thanks [@Manfred-on-github](https://github.com/Manfred-on-github)
 
 ## 4.2.0 (2021-4-11)
 
 - fix [#1704](https://github.com/gridstack/gridstack.js/issues/1704) scrollbar fix broken in 4.x
 - fix [#1655](https://github.com/gridstack/gridstack.js/issues/1655) `addWidget()` while in 1 column now remembers original wanted width
-- add [#1682](https://github.com/gridstack/gridstack.js/issues/1682) `addWidget()` now supports nested grids like init/addGrid() does.
+- add [#1727](https://github.com/gridstack/gridstack.js/issues/1727) `addWidget()` now supports nested grids like init/addGrid() does.
 
 ## 4.1.0 (2021-4-7)
 

spec/e2e/html/1727_resize_scroll_top.html

@@ -18,17 +18,17 @@
       flex-grow: 1;
     }
     .row {
-        display:flex;
-        width: 100%;
+      display:flex;
+      width: 100%;
     }
     .showDistance {
-        border-top-width: 130px;
-        border-bottom-width: 130px;
-        border-color: gray;
-        border-style: solid;
-        height: 600px;
-        width: 50px;
-        box-sizing: border-box;
+      border-top-width: 130px;
+      border-bottom-width: 130px;
+      border-color: gray;
+      border-style: solid;
+      height: 600px;
+      width: 50px;
+      box-sizing: border-box;
     }
   </style>
 
@@ -38,18 +38,18 @@
   <div class="row">
     <div class="showDistance"></div>
     <div class="willScroll">
-        <div class="grid-stack"></div>
-      </div>    
+      <div class="grid-stack"></div>
+    </div>    
   </div>
 
   <script type="text/javascript">
     let grid = GridStack.init({cellHeight: 130});
     let items = [
-        {x: 0, y: 0, w: 2, h: 2, content: "resize-me - check scrolling starts only when in height of gray area, and you can scroll back up as well."},
-        {x: 3, y: 0, w: 2, h: 2, content: "this is here to have next item positioned way down"},
-        {x: 3, y: 2, w: 3, h: 2, content: "resize me - scroll will start immediately, but should not be extremely fast"},
-        {x: 6, y: 0, w: 2, h: 8, content: "this is here to have a scroll bar from the beginning"},
-        ];
+      {x: 0, y: 0, w: 2, h: 2, content: "resize-me - check scrolling starts only when in height of gray area, and you can scroll back up as well."},
+      {x: 3, y: 0, w: 2, h: 2, content: "this is here to have next item positioned way down"},
+      {x: 3, y: 2, w: 3, h: 2, content: "resize me - scroll will start immediately, but should not be extremely fast"},
+      {x: 6, y: 0, w: 2, h: 8, content: "this is here to have a scroll bar from the beginning"},
+    ];
     grid.load(items);
   </script>
 </body>