diff --git a/demo/index.html b/demo/index.html
index 59117f982..096c368bc 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -16,26 +16,25 @@ <h1>Demos</h1>
     <li><a href="knockout.html">Knockout.js</a></li>
     <li><a href="mobile.html">Mobile touch</a></li>
     <li><a href="nested.html">Nested grids</a></li>
-    <li><a href="nested_constraint.html">Nested Constraint grids</a></li>
     <li><a href="nested_advanced.html">Nested Advanced grids</a></li>
-    <li><a href="offset.html">Offset parent</a></li>
-    <li><a href="react-hooks.html">ReactJS (Hooks)</a></li>
+    <li><a href="nested_constraint.html">Nested Constraint grids</a></li>
     <li><a href="react-hooks-controlled-multiple.html">ReactJS (Hooks), multiple grid, controlled (NOT Ideal)</a></li>
+    <li><a href="react-hooks.html">ReactJS (Hooks)</a></li>
     <li><a href="react.html">ReactJS</a></li>
     <li><a href="responsive.html">Responsive</a></li>
     <li><a href="right-to-left(rtl).html">Right-To-Left (RTL)</a></li>
     <li><a href="serialization.html">Serialization</a></li>
-    <li><a href="scale.html">Scale</a></li>
     <li><a href="sizeToContent.html">Size To Content</a></li>
     <li><a href="static.html">Static</a></li>
     <li><a href="title_drag.html">Title drag</a></li>
+    <li><a href="transform.html">Transform (scale+offset)</a></li>
     <li><a href="two.html">Two grids</a></li>
     <li><a href="two_vertical.html">Two grids Vertical</a></li>
     <li><a href="vue2js.html">Vue2.js</a></li>
     <li><a href="vue3js.html">Vue3.js</a></li>
-    <li><a href="vue3js_v-for.html">Vue3 with v-for</a></li>
-    <li><a href="vue3js_dynamic-render_grid-item.html">Vue3: Gridstack Controls Vue Rendering Grid Item</a></li>
     <li><a href="vue3js_dynamic-render_grid-item-content.html">Vue3: Gridstack Controls Vue Rendering Grid Item Content</a></li>
+    <li><a href="vue3js_dynamic-render_grid-item.html">Vue3: Gridstack Controls Vue Rendering Grid Item</a></li>
+    <li><a href="vue3js_v-for.html">Vue3 with v-for</a></li>
     <li><a href="web-comp.html">Web Component</a></li>
     <li><a href="web1.html">Website demo 1</a></li>
     <li><a href="web2.html">Website demo 2</a></li>
diff --git a/demo/offset.html b/demo/offset.html
deleted file mode 100644
index 7925ca128..000000000
--- a/demo/offset.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Transform Parent demo</title>
-
-  <link rel="stylesheet" href="demo.css"/>
-  <script src="../dist/gridstack-all.js"></script>
-
-</head>
-<body>
-  <div class="container-fluid">
-    <h1>Transform Parent demo</h1>
-    <p>example where the grid parent has a transform (50px, 100px). Scale not supported yet - see #1275</p>
-    <div>
-      <a class="btn btn-primary" onClick="addNewWidget()" href="#">Add Widget</a>
-    </div>
-    <br><br>
-    <div style="transform: translate(50px, 100px)">
-      <div class="grid-stack"></div>
-    </div>
-  </div>
-  <script src="events.js"></script>
-  <script type="text/javascript">
-    let grid = GridStack.init({float: true});
-    addEvents(grid);
-
-    let items = [
-      {x: 0, y: 0, w: 2, h: 2},
-      {x: 2, y: 0, w: 1},
-      {x: 3, y: 0, h: 1},
-      {x: 0, y: 2, w: 2},
-    ];
-    let count = 0;
-
-    getNode = function() {
-      let n = items[count] || {
-        x: Math.round(12 * Math.random()),
-        y: Math.round(5 * Math.random()),
-        w: Math.round(1 + 3 * Math.random()),
-        h: Math.round(1 + 3 * Math.random())
-      };
-      n.content = n.content || String(count);
-      count++;
-      return n;
-    };
-
-    addNewWidget = function() {
-      let w = grid.addWidget(getNode());
-    };
-
-    addNewWidget();
-    addNewWidget();
-    addNewWidget();
-  </script>
-</body>
-</html>
diff --git a/demo/scale.html b/demo/transform.html
similarity index 90%
rename from demo/scale.html
rename to demo/transform.html
index 2a900fe10..87a727909 100644
--- a/demo/scale.html
+++ b/demo/transform.html
@@ -13,14 +13,14 @@
 <body>
   <div class="container-fluid">
     <h1>Transform Parent demo</h1>
-    <p>example where the grid parent has a scale (0.5, 0.5)</p>
+    <p>example where the grid parent has a translate(50px, 100px) scale(0.5, 0.5) </p>
     <div>
       <a class="btn btn-primary" onClick="addNewWidget()" href="#">Add Widget</a>
       <a class="btn btn-primary" onClick="zoomIn()" href="#">Zoom in</a>
       <a class="btn btn-primary" onClick="zoomOut()" href="#">Zoom out</a>
     </div>
     <br><br>
-    <div style="transform: scale(var(--global-scale), var(--global-scale)); transform-origin: 0 0;">
+    <div style="transform: translate(50px, 100px) scale(var(--global-scale), var(--global-scale)); transform-origin: 0 0;">
       <div class="grid-stack"></div>
     </div>
   </div>
diff --git a/doc/CHANGES.md b/doc/CHANGES.md
index e1b663f64..6238ef8a4 100644
--- a/doc/CHANGES.md
+++ b/doc/CHANGES.md
@@ -5,6 +5,7 @@ Change log
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 **Table of Contents**  *generated with [DocToc](http://doctoc.herokuapp.com/)*
 
+- [9.2.2-dev (TBD)](#922-dev-tbd)
 - [9.2.2 (2023-09-27)](#922-2023-09-27)
 - [9.2.1 (2023-09-20)](#921-2023-09-20)
 - [9.2.0 (2023-09-10)](#920-2023-09-10)
@@ -100,6 +101,9 @@ Change log
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
+## 9.2.2-dev (TBD)
+* fix [#1275](https://github.com/gridstack/gridstack.js/issues/1275) div scale support - Thank you [VincentMolinie](https://github.com/VincentMolinie) for implementing this
+
 ## 9.2.2 (2023-09-27)
 * fix - sub-grid styles now look for immediate correct parent, not any depth above.
 * fix [#2469](https://github.com/gridstack/gridstack.js/issues/2469) "Invalid height" error CSS minHeight
