diff --git a/Gruntfile.js b/Gruntfile.js
index e5efd75ef..f2e5049e6 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -38,7 +38,6 @@ module.exports = function(grunt) {
     copy: {
       dist: {
         files: {
-          'dist/es5/gridstack-poly.js': ['src/gridstack-poly.js'],
           'dist/src/gridstack.scss': ['src/gridstack.scss'],
           'dist/angular/README.md': ['angular/README.md'],
           'dist/angular/src/gridstack.component.ts': ['angular/projects/lib/src/lib/gridstack.component.ts'],
diff --git a/README.md b/README.md
index 326bec108..360721e91 100644
--- a/README.md
+++ b/README.md
@@ -88,7 +88,7 @@ Alternatively (single combined file, notice the -all.js) in html
 <script src="node_modules/gridstack/dist/gridstack-all.js"></script>
 ```
 
-**Note**: IE support was dropped in v2, but restored in v4.4 by an external contributor (I have no interest in testing+supporting obsolete browser so this likely will break again in the future).
+**Note**: IE support was dropped in v2, but restored in v4.4 by an external contributor (I have no interest in testing+supporting obsolete browser so this likely will break again in the future) and DROPPED again in v12 (css variable needed).
 You can use the es5 files and polyfill (larger) for older browser instead. For example:
 ```html
 <link href="node_modules/gridstack/dist/gridstack.min.css" rel="stylesheet"/>
@@ -477,15 +477,18 @@ breaking change:
 
 **Breaking change:**
 
+* V11 add new `GridStack.renderCB` that is called for you to create the widget content (entire GridStackWidget is passed so you can use id or some other field as logic) while GS creates the 2 needed parent divs + classes, unlike `GridStack.addRemoveCB` which doesn't create anything for you. Both can be handy for Angular/React/Vue frameworks.
+* `addWidget(w: GridStackWidget)` is now the only supported format, no more string content passing. You will need to create content yourself as shown below, OR use `GridStack.createWidgetDivs()` to create parent divs, do the innerHtml, then call `makeWidget(el)` instead.
 * if your code relies on `GridStackWidget.content` with real HTML (like a few demos) it is up to you to do this:
 ```ts
 // NOTE: REAL apps would sanitize-html or DOMPurify before blinding setting innerHTML. see #2736
 GridStack.renderCB = function(el: HTMLElement, w: GridStackNode) {
   el.innerHTML = w.content;
 };
+
+// now you can create widgets like this again
+let gridWidget = grid.addWidget({x, y, w, h, content: '<div>My html content</div>'});
 ```
-* V11 add new `GridStack.renderCB` that is called for you to create the widget content (entire GridStackWidget is passed so you can use id or some other field as logic) while GS creates the 2 needed parent divs + classes, unlike `GridStack.addRemoveCB` which doesn't create anything for you. Both can be handy for Angular/React/Vue frameworks.
-* `addWidget(w: GridStackWidget)` is now the only supported format, no more string content passing. You will need to create content yourself (`GridStack.createWidgetDivs()` can be used to create parent divs) then call `makeWidget(el)` instead.
 
 **Potential breaking change:**
 
@@ -501,8 +504,10 @@ GridStack.renderCB = function(el: HTMLElement, w: GridStackNode) {
 * column and cell height code has been re-writen to use browser CSS variables, and we no longer need a tons of custom CSS classes!
 this fixes a long standing issue where people forget to include the right CSS for non 12 columns layouts, and a big speedup in many cases (many columns, or small cellHeight values).
 
-**Breaking change:**
-* `gridstack-extra.min.css` no longer exist, nor is custom column CSS needed. API/options hasn't changed.
+**Potential breaking change:**
+* `gridstack-extra.min.css` no longer exist, nor is custom column CSS classes needed. API/options hasn't changed.
+* (v12.1) `ES5` folder content has been removed - was for IE support, which has been dropped.
+* (v12.1) nested grid events are now sent to the main grid. You might have to adjust your workaround of this missing feature. nested.html demo has been adjusted.
 
 # jQuery Application
 
diff --git a/angular/package.json b/angular/package.json
index 8f175fb5c..073449b14 100644
--- a/angular/package.json
+++ b/angular/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^14",
     "@angular/platform-browser-dynamic": "^14",
     "@angular/router": "^14",
-    "gridstack": "^12.0.0",
+    "gridstack": "^12.2.1",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
diff --git a/angular/projects/lib/src/lib/base-widget.ts b/angular/projects/lib/src/lib/base-widget.ts
index 8a0208209..7847abf54 100644
--- a/angular/projects/lib/src/lib/base-widget.ts
+++ b/angular/projects/lib/src/lib/base-widget.ts
@@ -1,5 +1,5 @@
 /**
- * gridstack-item.component.ts 12.0.0
+ * gridstack-item.component.ts 12.2.1
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/angular/projects/lib/src/lib/gridstack-item.component.ts b/angular/projects/lib/src/lib/gridstack-item.component.ts
index 33b6c151c..39278bb67 100644
--- a/angular/projects/lib/src/lib/gridstack-item.component.ts
+++ b/angular/projects/lib/src/lib/gridstack-item.component.ts
@@ -1,5 +1,5 @@
 /**
- * gridstack-item.component.ts 12.0.0
+ * gridstack-item.component.ts 12.2.1
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/angular/projects/lib/src/lib/gridstack.component.ts b/angular/projects/lib/src/lib/gridstack.component.ts
index ca57473e5..9be73d2e4 100644
--- a/angular/projects/lib/src/lib/gridstack.component.ts
+++ b/angular/projects/lib/src/lib/gridstack.component.ts
@@ -1,10 +1,12 @@
 /**
- * gridstack.component.ts 12.0.0
+ * gridstack.component.ts 12.2.1
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 
-import { AfterContentInit, Component, ContentChildren, ElementRef, EventEmitter, Input,
-  OnDestroy, OnInit, Output, QueryList, Type, ViewChild, ViewContainerRef, reflectComponentType, ComponentRef } from '@angular/core';
+import {
+    AfterContentInit, Component, ContentChildren, ElementRef, EventEmitter, Input,
+    OnDestroy, OnInit, Output, QueryList, Type, ViewChild, ViewContainerRef, reflectComponentType, ComponentRef
+} from '@angular/core';
 import { NgIf } from '@angular/common';
 import { Subscription } from 'rxjs';
 import { GridHTMLElement, GridItemHTMLElement, GridStack, GridStackNode, GridStackOptions, GridStackWidget } from 'gridstack';
@@ -124,6 +126,9 @@ export class GridstackComponent implements OnInit, AfterContentInit, OnDestroy {
     if (!GridStack.saveCB) {
       GridStack.saveCB = gsSaveAdditionalNgInfo;
     }
+    if (!GridStack.updateCB) {
+      GridStack.updateCB = gsUpdateNgComponents;
+    }
     this.el._gridComp = this;
   }
 
@@ -178,8 +183,14 @@ export class GridstackComponent implements OnInit, AfterContentInit, OnDestroy {
   /** get all known events as easy to use Outputs for convenience */
   protected hookEvents(grid?: GridStack) {
     if (!grid) return;
+    // nested grids don't have events in v12.1+ so skip
+    if (grid.parentGridNode) return;
     grid
-      .on('added', (event: Event, nodes: GridStackNode[]) => { this.checkEmpty(); this.addedCB.emit({event, nodes}); })
+      .on('added', (event: Event, nodes: GridStackNode[]) => {
+        const gridComp = (nodes[0].grid?.el as GridCompHTMLElement)._gridComp || this;
+        gridComp.checkEmpty();
+        this.addedCB.emit({event, nodes});
+      })
       .on('change', (event: Event, nodes: GridStackNode[]) => this.changeCB.emit({event, nodes}))
       .on('disable', (event: Event) => this.disableCB.emit({event}))
       .on('drag', (event: Event, el: GridItemHTMLElement) => this.dragCB.emit({event, el}))
@@ -187,7 +198,11 @@ export class GridstackComponent implements OnInit, AfterContentInit, OnDestroy {
       .on('dragstop', (event: Event, el: GridItemHTMLElement) => this.dragStopCB.emit({event, el}))
       .on('dropped', (event: Event, previousNode: GridStackNode, newNode: GridStackNode) => this.droppedCB.emit({event, previousNode, newNode}))
       .on('enable', (event: Event) => this.enableCB.emit({event}))
-      .on('removed', (event: Event, nodes: GridStackNode[]) => { this.checkEmpty(); this.removedCB.emit({event, nodes}); })
+      .on('removed', (event: Event, nodes: GridStackNode[]) => {
+        const gridComp = (nodes[0].grid?.el as GridCompHTMLElement)._gridComp || this;
+        gridComp.checkEmpty();
+        this.removedCB.emit({event, nodes});
+      })
       .on('resize', (event: Event, el: GridItemHTMLElement) => this.resizeCB.emit({event, el}))
       .on('resizestart', (event: Event, el: GridItemHTMLElement) => this.resizeStartCB.emit({event, el}))
       .on('resizestop', (event: Event, el: GridItemHTMLElement) => this.resizeStopCB.emit({event, el}))
@@ -195,6 +210,8 @@ export class GridstackComponent implements OnInit, AfterContentInit, OnDestroy {
 
   protected unhookEvents(grid?: GridStack) {
     if (!grid) return;
+    // nested grids don't have events in v12.1+ so skip
+    if (grid.parentGridNode) return;
     grid.off('added change disable drag dragstart dragstop dropped enable removed resize resizestart resizestop');
   }
 }
@@ -301,3 +318,12 @@ export function gsSaveAdditionalNgInfo(n: NgGridStackNode, w: NgGridStackWidget)
     //.... save any custom data
   }
 }
+
+/**
+ * track when widgeta re updated (rather than created) to make sure we de-serialize them as well
+ */
+export function gsUpdateNgComponents(n: NgGridStackNode) {
+  const w: NgGridStackWidget = n;
+  const gridItem = (n.el as GridItemCompHTMLElement)?._gridItemComp;
+  if (gridItem?.childWidget && w.input) gridItem.childWidget.deserialize(w);
+}
\ No newline at end of file
diff --git a/angular/projects/lib/src/lib/gridstack.module.ts b/angular/projects/lib/src/lib/gridstack.module.ts
index 5ef414d76..4e1e8bcba 100644
--- a/angular/projects/lib/src/lib/gridstack.module.ts
+++ b/angular/projects/lib/src/lib/gridstack.module.ts
@@ -1,5 +1,5 @@
 /**
- * gridstack.component.ts 12.0.0
+ * gridstack.component.ts 12.2.1
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/angular/projects/lib/src/lib/types.ts b/angular/projects/lib/src/lib/types.ts
index d2daac99f..634de4cb8 100644
--- a/angular/projects/lib/src/lib/types.ts
+++ b/angular/projects/lib/src/lib/types.ts
@@ -1,5 +1,5 @@
 /**
- * gridstack-item.component.ts 12.0.0
+ * gridstack-item.component.ts 12.2.1
  * Copyright (c) 2025 Alain Dumesny - see GridStack root license
  */
 
diff --git a/angular/yarn.lock b/angular/yarn.lock
index 6a4e9aece..53b0d63af 100644
--- a/angular/yarn.lock
+++ b/angular/yarn.lock
@@ -3752,10 +3752,10 @@ graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4,
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
-gridstack@^12.0.0:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/gridstack/-/gridstack-12.0.0.tgz#cb824410436573f480fc9e62c2e3fdf2fa536a9e"
-  integrity sha512-Wjfu7BtTb4NZqLpSEAJx+b9lBnfnXNgG2jUTVSD2g8NrHITrWgfk9eeHBqtDLVl2vtKQTzsSyy5lSyHAMcW2tA==
+gridstack@^12.2.1:
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/gridstack/-/gridstack-12.2.1.tgz#0e82e3d9d11e5229388d73bd57f8ef1a0e7059c4"
+  integrity sha512-xU69tThmmVxgMHTuM/z3rIKiiGm0zW4tcB6yRcuwiOUUBiwb3tslzFOrUjWz+PwaxoAW+JChT4fqOLl+oKAxZA==
 
 handle-thing@^2.0.0:
   version "2.0.1"
@@ -3895,9 +3895,9 @@ http-proxy-agent@^5.0.0:
     debug "4"
 
 http-proxy-middleware@^2.0.3:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz#915f236d92ae98ef48278a95dedf17e991936ec6"
-  integrity sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==
+  version "2.0.9"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz#e9e63d68afaa4eee3d147f39149ab84c0c2815ef"
+  integrity sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==
   dependencies:
     "@types/http-proxy" "^1.17.8"
     http-proxy "^1.18.1"
diff --git a/demo/events.js b/demo/events.js
index d32bbeb76..bca7ae3f8 100644
--- a/demo/events.js
+++ b/demo/events.js
@@ -1,59 +1,59 @@
 function addEvents(grid, id) {
-  let g = (id !== undefined ? 'grid' + id + ' ' : '');
+  let g = (id !== undefined ? 'grid' + id : '');
 
   grid.on('added removed change', function(event, items) {
     let str = '';
     items.forEach(function(item) { str += ' (' + item.x + ',' + item.y + ' ' + item.w + 'x' + item.h + ')'; });
-    console.log(g + event.type + ' ' + items.length + ' items (x,y w h):' + str );
+    console.log((g || items[0].grid.opts.id) + ' ' + event.type + ' ' + items.length + ' items (x,y w h):' + str );
   })
   .on('enable', function(event) {
-    let grid = event.target;
-    console.log(g + 'enable');
+    let el = event.target;
+    console.log((g || el.gridstackNode.grid.opts.id) + ' enable');
   })
   .on('disable', function(event) {
-    let grid = event.target;
-    console.log(g + 'disable');
+    let el = event.target;
+    console.log((g || el.gridstackNode.grid.opts.id) + ' disable');
   })
   .on('dragstart', function(event, el) {
     let n = el.gridstackNode;
     let x = el.getAttribute('gs-x'); // verify node (easiest) and attr are the same
     let y = el.getAttribute('gs-y');
-    console.log(g + 'dragstart ' + (n.content || '') + ' pos: (' + n.x + ',' + n.y + ') = (' + x + ',' + y + ')');
+    console.log((g || el.gridstackNode.grid.opts.id) + ' dragstart ' + (n.content || '') + ' pos: (' + n.x + ',' + n.y + ') = (' + x + ',' + y + ')');
   })
   .on('drag', function(event, el) {
     let n = el.gridstackNode;
     let x = el.getAttribute('gs-x'); // verify node (easiest) and attr are the same
     let y = el.getAttribute('gs-y');
-    // console.log(g + 'drag ' + (n.content || '') + ' pos: (' + n.x + ',' + n.y + ') = (' + x + ',' + y + ')');
+    // console.log((g || el.gridstackNode.grid.opts.id) + ' drag ' + (n.content || '') + ' pos: (' + n.x + ',' + n.y + ') = (' + x + ',' + y + ')');
   })
   .on('dragstop', function(event, el) {
     let n = el.gridstackNode;
     let x = el.getAttribute('gs-x'); // verify node (easiest) and attr are the same
     let y = el.getAttribute('gs-y');
-    console.log(g + 'dragstop ' + (n.content || '') + ' pos: (' + n.x + ',' + n.y + ') = (' + x + ',' + y + ')');
+    console.log((g || el.gridstackNode.grid.opts.id) + ' dragstop ' + (n.content || '') + ' pos: (' + n.x + ',' + n.y + ') = (' + x + ',' + y + ')');
   })
   .on('dropped', function(event, previousNode, newNode) {
     if (previousNode) {
-      console.log(g + 'dropped - Removed widget from grid:', previousNode);
+      console.log((g || previousNode.grid.opts.id) + ' dropped - Removed widget from grid:', previousNode);
     }
     if (newNode) {
-      console.log(g + 'dropped - Added widget in grid:', newNode);
+      console.log((g || newNode.grid.opts.id) + ' dropped - Added widget in grid:', newNode);
     }
   })
   .on('resizestart', function(event, el) {
     let n = el.gridstackNode;
     let rec = el.getBoundingClientRect();
-    console.log(`${g} resizestart ${n.content || ''} size: (${n.w}x${n.h}) = (${Math.round(rec.width)}x${Math.round(rec.height)})px`);
+    console.log(`${g || el.gridstackNode.grid.opts.id} resizestart ${n.content || ''} size: (${n.w}x${n.h}) = (${Math.round(rec.width)}x${Math.round(rec.height)})px`);
 
   })
   .on('resize', function(event, el) {
     let n = el.gridstackNode;
     let rec = el.getBoundingClientRect();
-    console.log(`${g} resize ${n.content || ''} size: (${n.w}x${n.h}) = (${Math.round(rec.width)}x${Math.round(rec.height)})px`);
+    console.log(`${g || el.gridstackNode.grid.opts.id} resize ${n.content || ''} size: (${n.w}x${n.h}) = (${Math.round(rec.width)}x${Math.round(rec.height)})px`);
   })
   .on('resizestop', function(event, el) {
     let n = el.gridstackNode;
     let rec = el.getBoundingClientRect();
-    console.log(`${g} resizestop ${n.content || ''} size: (${n.w}x${n.h}) = (${Math.round(rec.width)}x${Math.round(rec.height)})px`);
+    console.log(`${g || el.gridstackNode.grid.opts.id} resizestop ${n.content || ''} size: (${n.w}x${n.h}) = (${Math.round(rec.width)}x${Math.round(rec.height)})px`);
   });
 }
\ No newline at end of file
diff --git a/demo/nested.html b/demo/nested.html
index 2f80b9e7d..d8a099c72 100644
--- a/demo/nested.html
+++ b/demo/nested.html
@@ -40,7 +40,7 @@ <h1>Nested grids demo</h1>
     <a class="btn btn-primary" onClick="load(false)" href="#">Load</a>
     <br><br>
     <!-- grid will be added here -->
-  </div>d
+  </div>
   <script src="events.js"></script>
   <script type="text/javascript">
     // NOTE: REAL apps would sanitize-html or DOMPurify before blinding setting innerHTML. see #2736
@@ -74,12 +74,8 @@ <h1>Nested grids demo</h1>
     // create and load it all from JSON above
     let grid = GridStack.addGrid(document.querySelector('.container-fluid'), options);
 
-    // add debug event handlers to each grid (no global set on parent yet)
-    let gridEls = GridStack.getElements('.grid-stack');
-    gridEls.forEach(gridEl => {
-      let grid = gridEl.gridstack;
-      addEvents(grid, grid.opts.id);
-    })
+    // add debug event handlers to main grid (new v12.1 handles sub-grids too)
+    addEvents(grid);
 
     // setup drag drop behavior
     let sidebarContent = [
diff --git a/demo/web1.html b/demo/web1.html
index 659c89f6b..91247cc36 100644
--- a/demo/web1.html
+++ b/demo/web1.html
@@ -13,9 +13,7 @@
   <script type="module" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule="" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.js"></script>
 
-  <!-- support for IE -->
-  <script src="../dist/es5/gridstack-poly.js"></script>
-  <script src="../dist/es5/gridstack-all.js"></script>
+  <script src="../dist/gridstack-all.js"></script>
 </head>
 
 <body>
diff --git a/demo/web2.html b/demo/web2.html
index 4c7e36e03..682816684 100644
--- a/demo/web2.html
+++ b/demo/web2.html
@@ -13,9 +13,7 @@
   <script type="module" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule="" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.js"></script>
 
-  <!-- support for IE -->
-  <script src="../dist/es5/gridstack-poly.js"></script>
-  <script src="../dist/es5/gridstack-all.js"></script>
+  <script src="../dist/gridstack-all.js"></script>
 
   <style type="text/css">
     .grid-stack-item-removing {
diff --git a/doc/CHANGES.md b/doc/CHANGES.md
index a4899f8e7..5024cb33a 100644
--- a/doc/CHANGES.md
+++ b/doc/CHANGES.md
@@ -5,6 +5,11 @@ Change log
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 **Table of Contents**  *generated with [DocToc](http://doctoc.herokuapp.com/)*
 
+- [12.2.1 (2025-05-28)](#1221-2025-05-28)
+- [12.2.0 (2025-05-27)](#1220-2025-05-27)
+- [12.1.2 (2024-05-07)](#1212-2024-05-07)
+- [12.1.1 (2024-04-28)](#1211-2024-04-28)
+- [12.1.0 (2024-04-23)](#1210-2024-04-23)
 - [12.0.0 (2025-04-12)](#1200-2025-04-12)
 - [11.5.1 (2025-03-23)](#1151-2025-03-23)
 - [11.5.0 (2025-03-16)](#1150-2025-03-16)
@@ -123,6 +128,28 @@ Change log
 - [v0.1.0 (2014-11-18)](#v010-2014-11-18)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
+## 12.2.1 (2025-05-28)
+* fix: [#3064](https://github.com/gridstack/gridstack.js/pull/3064) fix `GridStack.updateCB(w)` crash
+
+## 12.2.0 (2025-05-27)
+* feat: [#3061](https://github.com/gridstack/gridstack.js/pull/3061) added `GridStack.updateCB(w)` that gets called after a widget has been updated (eg: load() after initial layout) instead of created
+
+## 12.1.2 (2024-05-07)
+* fix [#3043](https://github.com/gridstack/gridstack.js/issues/3043) fix `opts.animate` again
+* fix [#3048](https://github.com/gridstack/gridstack.js/pull/3048) nested grid resizeToContentCBCheck() fix
+
+## 12.1.1 (2024-04-28)
+* fix [#3038](https://github.com/gridstack/gridstack.js/pull/3038) `updateOptions()` fix opts.minRow being undefined
+
+## 12.1.0 (2024-04-23)
+* feat [#2671](https://github.com/gridstack/gridstack.js/issues/2671) subgrid now propagate events to topmost grid. Use `el.gridstackNode.grid` to know which (sub) grid.
+* fix [#3028](https://github.com/gridstack/gridstack.js/pull/3028) `updateOptions()` no longer modifies passed in struct. only field we check are being handled too.
+* fix [#3029](https://github.com/gridstack/gridstack.js/pull/3029) `resizeToContent()` fix for nested grid with content above
+* fix [#3030](https://github.com/gridstack/gridstack.js/pull/3030) `resizeToContentCheck()` wasn't blocking _ignoreLayoutsNodeChange at end of the loop
+* rem [#3022](https://github.com/gridstack/gridstack.js/pull/3022) removed ES5 support (IE doesn't support CSS vars needed now)
+* rem [#3027](https://github.com/gridstack/gridstack.js/pull/3027) remove legacy code support for disableOneColumnMode, oneColumnSize, oneColumnModeDomSort
+
 ## 12.0.0 (2025-04-12)
 * feat: [#2854](https://github.com/gridstack/gridstack.js/pull/2854) Removed dynamic stylesheet and migrated to CSS vars. Thank you [lmartorella](https://github.com/lmartorella)
 * feat: [#3013](https://github.com/gridstack/gridstack.js/pull/3013) columns no longer require custom classes nor `gridstack-extra.css` as we now use CSS vars.
diff --git a/es5/tsconfig.json b/es5/tsconfig.json
deleted file mode 100644
index bcd77666b..000000000
--- a/es5/tsconfig.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    /*
-    "allowJs": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true
-   */
-    "declaration": true,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "inlineSources": true,
-    "lib": [ "es6", "es2015", "dom" ],
-    "module": "CommonJS",
-    "noImplicitAny": false,
-    "outDir": "../dist/es5",
-    "sourceMap": true,
-    "strict": false,
-    "target": "ES5"
-  }, 
-  "exclude": [
-    "../src/**/*.spec.ts",
-  ],
-  "include": [
-    "../src/**/*.ts"
-  ],
-  "typeroots": [
-    "../node_modules/@types"
-  ]
-}
diff --git a/es5/webpack.config.js b/es5/webpack.config.js
deleted file mode 100644
index b2212994e..000000000
--- a/es5/webpack.config.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const path = require('path');
-const webpackConfig = require('../webpack.config.js');
-
-const config = {...webpackConfig, 
-  target: ['web', 'es5'],
-  module: {
-    rules: [
-      {
-        test: /\.ts$/,
-        use: {
-          loader: 'ts-loader',
-          options: {
-            configFile: 'es5/tsconfig.json'
-          }
-        },
-        exclude: ['/node_modules/'],
-      },
-    ],
-  },
-};
-config.output.path = path.resolve(__dirname, '../dist/es5')
-module.exports = config
\ No newline at end of file
diff --git a/package.json b/package.json
index a502c3bdd..7e18eb3e9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gridstack",
-  "version": "12.0.0",
+  "version": "12.2.1",
   "license": "MIT",
   "author": "Alain Dumesny <alaind831+github@gmail.com> (https://github.com/adumesny)",
   "contributors": [
@@ -25,9 +25,7 @@
     }
   ],
   "scripts": {
-    "build": "yarn --no-progress && yarn build:ng && grunt && yarn build:es6 && yarn build:es5 && yarn doc",
-    "build:es6": "webpack && tsc --stripInternal",
-    "build:es5": "webpack --config es5/webpack.config.js && tsc --stripInternal --project es5/tsconfig.json",
+    "build": "yarn --no-progress && yarn build:ng && grunt && webpack && tsc --stripInternal && yarn doc",
     "build:ng": "cd angular && yarn --no-progress && yarn build lib",
     "w": "webpack",
     "t": "rm -rf dist/* && grunt && tsc --stripInternal",
diff --git a/react/package.json b/react/package.json
index 603ce593d..1adc6d6c5 100644
--- a/react/package.json
+++ b/react/package.json
@@ -11,7 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "gridstack": "^12.0.0",
+    "gridstack": "^12.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-fast-compare": "^3.2.2"
@@ -27,6 +27,6 @@
     "globals": "^15.9.0",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
-    "vite": "^5.4.12"
+    "vite": "^5.4.19"
   }
 }
diff --git a/react/yarn.lock b/react/yarn.lock
index 1234d9588..c02a96a06 100644
--- a/react/yarn.lock
+++ b/react/yarn.lock
@@ -832,10 +832,10 @@ graphemer@^1.4.0:
   resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
-gridstack@^12.0.0:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/gridstack/-/gridstack-12.0.0.tgz#cb824410436573f480fc9e62c2e3fdf2fa536a9e"
-  integrity sha512-Wjfu7BtTb4NZqLpSEAJx+b9lBnfnXNgG2jUTVSD2g8NrHITrWgfk9eeHBqtDLVl2vtKQTzsSyy5lSyHAMcW2tA==
+gridstack@^12.2.1:
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/gridstack/-/gridstack-12.2.1.tgz#0e82e3d9d11e5229388d73bd57f8ef1a0e7059c4"
+  integrity sha512-xU69tThmmVxgMHTuM/z3rIKiiGm0zW4tcB6yRcuwiOUUBiwb3tslzFOrUjWz+PwaxoAW+JChT4fqOLl+oKAxZA==
 
 has-flag@^4.0.0:
   version "4.0.0"
@@ -1222,10 +1222,10 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-vite@^5.4.12:
-  version "5.4.12"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.12.tgz#627d12ff06de3942557dfe8632fd712a12a072c7"
-  integrity sha512-KwUaKB27TvWwDJr1GjjWthLMATbGEbeWYZIbGZ5qFIsgPP3vWzLu4cVooqhm5/Z2SPDUMjyPVjTztm5tYKwQxA==
+vite@^5.4.19:
+  version "5.4.19"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.19.tgz#20efd060410044b3ed555049418a5e7d1998f959"
+  integrity sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==
   dependencies:
     esbuild "^0.21.3"
     postcss "^8.4.43"
diff --git a/src/dd-base-impl.ts b/src/dd-base-impl.ts
index 1a0cc6fb9..f417de9fb 100644
--- a/src/dd-base-impl.ts
+++ b/src/dd-base-impl.ts
@@ -1,5 +1,5 @@
 /**
- * dd-base-impl.ts 12.0.0
+ * dd-base-impl.ts 12.2.1
  * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-draggable.ts b/src/dd-draggable.ts
index a3fd6b8b8..ad3606c4f 100644
--- a/src/dd-draggable.ts
+++ b/src/dd-draggable.ts
@@ -1,5 +1,5 @@
 /**
- * dd-draggable.ts 12.0.0
+ * dd-draggable.ts 12.2.1
  * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
  */
 
@@ -312,7 +312,7 @@ export class DDDraggable extends DDBaseImplement implements HTMLElementExtendOpt
     // TODO: set all at once with style.cssText += ... ? https://stackoverflow.com/questions/3968593
     const style = this.helper.style;
     style.pointerEvents = 'none'; // needed for over items to get enter/leave
-    // style.cursor = 'move'; //  TODO: can't set with pointerEvents=none ! (done in CSS as well)
+    // style.cursor = 'move'; //  TODO: can't set with pointerEvents=none ! (no longer in CSS either as no-op)
     style.width = this.dragOffset.width + 'px';
     style.height = this.dragOffset.height + 'px';
     style.willChange = 'left, top';
diff --git a/src/dd-droppable.ts b/src/dd-droppable.ts
index 135679710..f29835c9b 100644
--- a/src/dd-droppable.ts
+++ b/src/dd-droppable.ts
@@ -1,5 +1,5 @@
 /**
- * dd-droppable.ts 12.0.0
+ * dd-droppable.ts 12.2.1
  * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-element.ts b/src/dd-element.ts
index 685fb427d..c6b9f83b7 100644
--- a/src/dd-element.ts
+++ b/src/dd-element.ts
@@ -1,5 +1,5 @@
 /**
- * dd-elements.ts 12.0.0
+ * dd-elements.ts 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-gridstack.ts b/src/dd-gridstack.ts
index 682275663..67347fa24 100644
--- a/src/dd-gridstack.ts
+++ b/src/dd-gridstack.ts
@@ -1,5 +1,5 @@
 /**
- * dd-gridstack.ts 12.0.0
+ * dd-gridstack.ts 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-manager.ts b/src/dd-manager.ts
index cf507854b..6f13f40c1 100644
--- a/src/dd-manager.ts
+++ b/src/dd-manager.ts
@@ -1,5 +1,5 @@
 /**
- * dd-manager.ts 12.0.0
+ * dd-manager.ts 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-resizable-handle.ts b/src/dd-resizable-handle.ts
index 12b53c96b..4e3ae9ec0 100644
--- a/src/dd-resizable-handle.ts
+++ b/src/dd-resizable-handle.ts
@@ -1,5 +1,5 @@
 /**
- * dd-resizable-handle.ts 12.0.0
+ * dd-resizable-handle.ts 12.2.1
  * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-resizable.ts b/src/dd-resizable.ts
index 80b5f0e1f..d99b0df12 100644
--- a/src/dd-resizable.ts
+++ b/src/dd-resizable.ts
@@ -1,5 +1,5 @@
 /**
- * dd-resizable.ts 12.0.0
+ * dd-resizable.ts 12.2.1
  * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/dd-touch.ts b/src/dd-touch.ts
index aa7e7a7a9..9e1fb71b1 100644
--- a/src/dd-touch.ts
+++ b/src/dd-touch.ts
@@ -1,5 +1,5 @@
 /**
- * touch.ts 12.0.0
+ * touch.ts 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/gridstack-engine.ts b/src/gridstack-engine.ts
index e48fae486..02a7bf2fd 100644
--- a/src/gridstack-engine.ts
+++ b/src/gridstack-engine.ts
@@ -1,5 +1,5 @@
 /**
- * gridstack-engine.ts 12.0.0
+ * gridstack-engine.ts 12.2.1
  * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/gridstack-poly.js b/src/gridstack-poly.js
deleted file mode 100644
index b85e51483..000000000
--- a/src/gridstack-poly.js
+++ /dev/null
@@ -1,356 +0,0 @@
-/**
- * gridstack-poly.ts 12.0.0 used for IE and older browser support (not supported in v2-v4.3.1, but again in v4.4)
- * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
- */
-
-/* eslint-disable prefer-rest-params */
-/* eslint-disable no-var */
-
-// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
-(function () {
-  if (typeof window.CustomEvent === "function") {
-    return false;
-  }
-
-  function CustomEvent (event, params) {
-    params = params || {bubbles: false, cancelable: false, detail: null};
-    var evt = document.createEvent('CustomEvent');
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-
-  window.CustomEvent = CustomEvent;
-})();
-
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN
-Number.isNaN = Number.isNaN || function isNaN(input) {
-  return typeof input === 'number' && input !== input;
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find
-if (!Array.prototype.find) {
-  Object.defineProperty(Array.prototype, 'find', {
-    value: function (predicate) {
-      // 1. Let O be ? ToObject(this value).
-      if (this == null) {
-        throw TypeError('"this" is null or not defined');
-      }
-
-      var o = Object(this);
-
-      // 2. Let len be ? ToLength(? Get(O, "length")).
-      var len = o.length >>> 0;
-
-      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-      if (typeof predicate !== 'function') {
-        throw TypeError('predicate must be a function');
-      }
-
-      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-      var thisArg = arguments[1];
-
-      // 5. Let k be 0.
-      var k = 0;
-
-      // 6. Repeat, while k < len
-      while (k < len) {
-        // a. Let Pk be ! ToString(k).
-        // b. Let kValue be ? Get(O, Pk).
-        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-        // d. If testResult is true, return kValue.
-        var kValue = o[k];
-        if (predicate.call(thisArg, kValue, k, o)) {
-          return kValue;
-        }
-        // e. Increase k by 1.
-        k++;
-      }
-
-      // 7. Return undefined.
-      return undefined;
-    },
-    configurable: true,
-    writable: true
-  });
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex
-if (!Array.prototype.findIndex) {
-  Object.defineProperty(Array.prototype, 'findIndex', {
-    value: function(predicate) {
-      // 1. Let O be ? ToObject(this value).
-      if (this == null) {
-        throw new TypeError('"this" is null or not defined');
-      }
-
-      var o = Object(this);
-
-      // 2. Let len be ? ToLength(? Get(O, "length")).
-      var len = o.length >>> 0;
-
-      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-      if (typeof predicate !== 'function') {
-        throw new TypeError('predicate must be a function');
-      }
-
-      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-      var thisArg = arguments[1];
-
-      // 5. Let k be 0.
-      var k = 0;
-
-      // 6. Repeat, while k < len
-      while (k < len) {
-        // a. Let Pk be ! ToString(k).
-        // b. Let kValue be ? Get(O, Pk).
-        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-        // d. If testResult is true, return k.
-        var kValue = o[k];
-        if (predicate.call(thisArg, kValue, k, o)) {
-          return k;
-        }
-        // e. Increase k by 1.
-        k++;
-      }
-
-      // 7. Return -1.
-      return -1;
-    },
-    configurable: true,
-    writable: true
-  });
-}
-
-// Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/append()/append().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('append')) {
-      return;
-    }
-    Object.defineProperty(item, 'append', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function append() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.appendChild(docFrag);
-      }
-    });
-  });
-})([Element.prototype, Document.prototype, DocumentFragment.prototype]);
-
-// from: https://github.com/jserz/js_piece/blob/master/DOM/Element/prepend()/prepend().md
-(function (arr) {
-  arr.forEach(function (item) {
-      item.prepend = item.prepend || function () {
-          var argArr = Array.prototype.slice.call(arguments),
-              docFrag = document.createDocumentFragment();
-
-          argArr.forEach(function (argItem) {
-              var isNode = argItem instanceof Node;
-              docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-          });
-
-          this.insertBefore(docFrag, this.firstChild);
-      };
-  });
-})([Element.prototype, Document.prototype, DocumentFragment.prototype]);
-
-// Production steps of ECMA-262, Edition 5, 15.4.4.1-dev8
-// Reference: http://es5.github.io/#x15.4.4.1-dev8
-
-if (!Array.prototype['forEach']) {
-
-  Array.prototype.forEach = function(callback, thisArg) {
-
-    if (this == null) { throw new TypeError('Array.prototype.forEach called on null or undefined'); }
-
-    var T, k;
-    // 1. Let O be the result of calling toObject() passing the
-    // |this| value as the argument.
-    var O = Object(this);
-
-    // 2. Let lenValue be the result of calling the Get() internal
-    // method of O with the argument "length".
-    // 3. Let len be toUint32(lenValue).
-    var len = O.length >>> 0;
-
-    // 4. If isCallable(callback) is false, throw a TypeError exception. 
-    // See: http://es5.github.com/#x9.11
-    if (typeof callback !== "function") { throw new TypeError(callback + ' is not a function'); }
-
-    // 5. If thisArg was supplied, let T be thisArg; else let
-    // T be undefined.
-    if (arguments.length > 1) { T = thisArg; }
-
-    // 6. Let k be 0
-    k = 0;
-
-    // 7. Repeat, while k < len
-    while (k < len) {
-
-      var kValue;
-
-      // a. Let Pk be ToString(k).
-      //    This is implicit for LHS operands of the in operator
-      // b. Let kPresent be the result of calling the HasProperty
-      //    internal method of O with argument Pk.
-      //    This step can be combined with c
-      // c. If kPresent is true, then
-      if (k in O) {
-
-        // i. Let kValue be the result of calling the Get internal
-        // method of O with argument Pk.
-        kValue = O[k];
-
-        // ii. Call the Call internal method of callback with T as
-        // the this value and argument list containing kValue, k, and O.
-        callback.call(T, kValue, k, O);
-      }
-      // d. Increase k by 1.
-      k++;
-    }
-    // 8. return undefined
-  };
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
-(function(){
-  try{
-      new window.CustomEvent('T');
-  }catch(e){
-      var CustomEvent = function(event, params){
-          params = params || { bubbles: false, cancelable: false, detail: undefined };
-
-          var evt = document.createEvent('CustomEvent');
-
-          evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-
-          return evt;
-      };
-
-      CustomEvent.prototype = window.Event.prototype;
-
-      window.CustomEvent = CustomEvent;
-  }
-})();
-
-// https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
-(function (arr) {
-  arr.forEach(function (item) {
-   if (item.hasOwnProperty('remove')) {
-     return;
-   }
-   Object.defineProperty(item, 'remove', {
-     configurable: true,
-     enumerable: true,
-     writable: true,
-     value: function remove() {
-       this.parentNode.removeChild(this);
-     }
-   });
- });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
-
-// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
-if (!Element.prototype.matches) {
-  Element.prototype.matches =
-      Element.prototype.matchesSelector ||
-      Element.prototype.mozMatchesSelector ||
-      Element.prototype.msMatchesSelector ||
-      Element.prototype.oMatchesSelector ||
-      Element.prototype.webkitMatchesSelector ||
-      function(s) {
-          var matches = (this.document || this.ownerDocument).querySelectorAll(s),
-              i = matches.length;
-          while (--i >= 0 && matches.item(i) !== this) {}
-          return i > -1;
-      };
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from
-// Production steps of ECMA-262, Edition 6, 22.1.2.1
-if (!Array.from) {
-  Array.from = (function () {
-    var toStr = Object.prototype.toString;
-    var isCallable = function (fn) {
-      return typeof fn === 'function' || toStr.call(fn) === '[object Function]';
-    };
-    var toInteger = function (value) {
-      var number = Number(value);
-      if (isNaN(number)) { return 0; }
-      if (number === 0 || !isFinite(number)) { return number; }
-      return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number));
-    };
-    var maxSafeInteger = Math.pow(2, 53) - 1;
-    var toLength = function (value) {
-      var len = toInteger(value);
-      return Math.min(Math.max(len, 0), maxSafeInteger);
-    };
-
-    // The length property of the from method is 1.
-    return function from(arrayLike/*, mapFn, thisArg */) {
-      // 1. Let C be the this value.
-      var C = this;
-
-      // 2. Let items be ToObject(arrayLike).
-      var items = Object(arrayLike);
-
-      // 3. ReturnIfAbrupt(items).
-      if (arrayLike == null) {
-        throw new TypeError("Array.from requires an array-like object - not null or undefined");
-      }
-
-      // 4. If mapfn is undefined, then let mapping be false.
-      var mapFn = arguments.length > 1 ? arguments[1] : void undefined;
-      var T;
-      if (typeof mapFn !== 'undefined') {
-        // 5. else
-        // 5. a If IsCallable(mapfn) is false, throw a TypeError exception.
-        if (!isCallable(mapFn)) {
-          throw new TypeError('Array.from: when provided, the second argument must be a function');
-        }
-
-        // 5. b. If thisArg was supplied, let T be thisArg; else let T be undefined.
-        if (arguments.length > 2) {
-          T = arguments[2];
-        }
-      }
-
-      // 10. Let lenValue be Get(items, "length").
-      // 11. Let len be ToLength(lenValue).
-      var len = toLength(items.length);
-
-      // 13. If IsConstructor(C) is true, then
-      // 13. a. Let A be the result of calling the [[Construct]] internal method
-      // of C with an argument list containing the single item len.
-      // 14. a. Else, Let A be ArrayCreate(len).
-      var A = isCallable(C) ? Object(new C(len)) : new Array(len);
-
-      // 16. Let k be 0.
-      var k = 0;
-      // 17. Repeat, while k < len… (also steps a - h)
-      var kValue;
-      while (k < len) {
-        kValue = items[k];
-        if (mapFn) {
-          A[k] = typeof T === 'undefined' ? mapFn(kValue, k) : mapFn.call(T, kValue, k);
-        } else {
-          A[k] = kValue;
-        }
-        k += 1;
-      }
-      // 18. Let putStatus be Put(A, "length", len, true).
-      A.length = len;
-      // 20. Return A.
-      return A;
-    };
-  }());
-}
\ No newline at end of file
diff --git a/src/gridstack.scss b/src/gridstack.scss
index 79ac1290c..6700d7477 100644
--- a/src/gridstack.scss
+++ b/src/gridstack.scss
@@ -1,5 +1,5 @@
 /**
- * gridstack SASS styles 12.0.0
+ * gridstack SASS styles 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */
 
@@ -118,7 +118,6 @@ $animation_speed: .3s !default;
 
   &.ui-draggable-dragging {
     will-change: left, top;
-    cursor: move;
   }
 
   &.ui-resizable-resizing {
diff --git a/src/gridstack.ts b/src/gridstack.ts
index d074cdc04..3ca758fc4 100644
--- a/src/gridstack.ts
+++ b/src/gridstack.ts
@@ -1,5 +1,5 @@
 /*!
- * GridStack 12.0.0
+ * GridStack 12.2.1
  * https://gridstackjs.com/
  *
  * Copyright (c) 2021-2024  Alain Dumesny
@@ -23,7 +23,7 @@ import {
 import { DDGridStack } from './dd-gridstack';
 import { isTouch } from './dd-touch';
 import { DDManager } from './dd-manager';
-import { DDElementHost } from './dd-element';/** global instance */
+import { DDElementHost } from './dd-element'; /** global instance */
 const dd = new DDGridStack;
 
 // export all dependent file as well to make it easier for users to just import the main file
@@ -56,17 +56,6 @@ interface InternalGridStackOptions extends GridStackOptions {
   _alwaysShowResizeHandle?: true | false | 'mobile'; // so we can restore for save
 }
 
-// temporary legacy (<10.x) support
-interface OldOneColumnOpts extends GridStackOptions {
-  /** disables the onColumnMode when the grid width is less (default?: false) */
-  disableOneColumnMode?: boolean;
-  /** minimal width before grid will be shown in one column mode (default?: 768) */
-  oneColumnSize?: number;
-  /** set to true if you want oneColumnMode to use the DOM order and ignore x,y from normal multi column
-   layouts during sorting. This enables you to have custom 1 column layout that differ from the rest. (default?: false) */
-  oneColumnModeDomSort?: boolean;
-}
-
 /**
  * Main gridstack class - you will need to call `GridStack.init()` first to initialize your grid.
  * Note: your grid elements MUST have the following classes for the CSS layout to work:
@@ -198,6 +187,9 @@ export class GridStack {
    */
   public static renderCB?: RenderFcn = (el: HTMLElement, w: GridStackNode) => { if (el && w?.content) el.textContent = w.content; };
 
+  /** called after a widget has been updated (eg: load() into an existing list of children) so application can do extra work */
+  public static updateCB?: (w: GridStackNode) => void;
+
   /** callback to use for resizeToContent instead of the built in one */
   public static resizeToContentCB?: ResizeToContentFcn;
   /** parent class for sizing content. defaults to '.grid-stack-item-content' */
@@ -284,37 +276,18 @@ export class GridStack {
     if (opts.alwaysShowResizeHandle !== undefined) {
       (opts as InternalGridStackOptions)._alwaysShowResizeHandle = opts.alwaysShowResizeHandle;
     }
-    let bk = opts.columnOpts?.breakpoints;
-    // LEGACY: oneColumnMode stuff changed in v10.x - check if user explicitly set something to convert over
-    const oldOpts: OldOneColumnOpts = opts;
-    if (oldOpts.oneColumnModeDomSort) {
-      delete oldOpts.oneColumnModeDomSort;
-      console.log('warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.')
-    }
-    if (oldOpts.oneColumnSize || oldOpts.disableOneColumnMode === false) {
-      const oneSize = oldOpts.oneColumnSize || 768;
-      delete oldOpts.oneColumnSize;
-      delete oldOpts.disableOneColumnMode;
-      opts.columnOpts = opts.columnOpts || {};
-      bk = opts.columnOpts.breakpoints = opts.columnOpts.breakpoints || [];
-      let oneColumn = bk.find(b => b.c === 1);
-      if (!oneColumn) {
-        oneColumn = { c: 1, w: oneSize };
-        bk.push(oneColumn, { c: 12, w: oneSize + 1 });
-      } else oneColumn.w = oneSize;
-    }
-    //...end LEGACY
+
     // cleanup responsive opts (must have columnWidth | breakpoints) then sort breakpoints by size (so we can match during resize)
     const resp = opts.columnOpts;
     if (resp) {
-      if (!resp.columnWidth && !resp.breakpoints?.length) {
+      const bk = resp.breakpoints;
+      if (!resp.columnWidth && !bk?.length) {
         delete opts.columnOpts;
-        bk = undefined;
       } else {
         resp.columnMax = resp.columnMax || 12;
+        if (bk?.length > 1) bk.sort((a, b) => (b.w || 0) - (a.w || 0));
       }
     }
-    if (bk?.length > 1) bk.sort((a, b) => (b.w || 0) - (a.w || 0));
 
     // elements DOM attributes override any passed options (like CSS style) - merge the two together
     const defaults: GridStackOptions = {
@@ -734,7 +707,8 @@ export class GridStack {
 
     // if we are loading from empty temporarily remove animation
     const blank = !this.engine.nodes.length;
-    if (blank) this.setAnimation(false);
+    const noAnim = blank && this.opts.animate;
+    if (noAnim) this.setAnimation(false);
 
     // see if any items are missing from new layout and need to be removed first
     if (!blank && addRemove) {
@@ -799,8 +773,7 @@ export class GridStack {
     delete this._ignoreLayoutsNodeChange;
     delete this.engine.skipCacheUpdate;
     prevCB ? GridStack.addRemoveCB = prevCB : delete GridStack.addRemoveCB;
-    // delay adding animation back
-    if (blank && this.opts?.animate) this.setAnimation(this.opts.animate, true);
+    if (noAnim) this.setAnimation(true, true); // delay adding animation back
     return this;
   }
 
@@ -1072,7 +1045,7 @@ export class GridStack {
 
   /** returns the current number of rows, which will be at least `minRow` if set */
   public getRow(): number {
-    return Math.max(this.engine.getRow(), this.opts.minRow);
+    return Math.max(this.engine.getRow(), this.opts.minRow || 0);
   }
 
   /**
@@ -1276,6 +1249,7 @@ export class GridStack {
     } else {
       this.el.classList.remove('grid-stack-animate');
     }
+    this.opts.animate = doAnimate;
     return this;
   }
 
@@ -1309,22 +1283,32 @@ export class GridStack {
    */
   public updateOptions(o: GridStackOptions): GridStack {
     const opts = this.opts;
-    if (o.acceptWidgets !== undefined) this._setupAcceptWidget();
-    if (o.animate !== undefined) this.setAnimation();
-    if (o.cellHeight) { this.cellHeight(o.cellHeight); delete o.cellHeight; }
-    if (o.class && o.class !== opts.class) { if (opts.class) this.el.classList.remove(opts.class); this.el.classList.add(o.class); }
-    if (typeof(o.column) === 'number' && !o.columnOpts) { this.column(o.column); delete o.column; }// responsive column take over actual count
+    if (o === opts) return this; // nothing to do
+    if (o.acceptWidgets !== undefined) { opts.acceptWidgets = o.acceptWidgets; this._setupAcceptWidget(); }
+    if (o.animate !== undefined) this.setAnimation(o.animate);
+    if (o.cellHeight) this.cellHeight(o.cellHeight);
+    if (o.class !== undefined && o.class !== opts.class) { if (opts.class) this.el.classList.remove(opts.class); if (o.class) this.el.classList.add(o.class); }
+    // responsive column take over actual count (keep what we have now)
+    if (o.columnOpts) {
+      this.opts.columnOpts = o.columnOpts;
+      this.checkDynamicColumn();
+    } else if (o.columnOpts === null && this.opts.columnOpts) {
+      delete this.opts.columnOpts;
+      this._updateResizeEvent();
+    } else if (typeof(o.column) === 'number') this.column(o.column);
     if (o.margin !== undefined) this.margin(o.margin);
     if (o.staticGrid !== undefined) this.setStatic(o.staticGrid);
     if (o.disableDrag !== undefined && !o.staticGrid) this.enableMove(!o.disableDrag);
     if (o.disableResize !== undefined && !o.staticGrid) this.enableResize(!o.disableResize);
     if (o.float !== undefined) this.float(o.float);
-    if (o.row !== undefined) { opts.minRow = opts.maxRow = o.row; }
-    if (o.children?.length) { this.load(o.children); delete o.children; }
+    if (o.row !== undefined) { opts.minRow = opts.maxRow = opts.row = o.row; }
+    else {
+      if (o.minRow !== undefined) opts.minRow = o.minRow;
+      if (o.maxRow !== undefined) opts.maxRow = o.maxRow;
+    }
+    if (o.children?.length) this.load(o.children);
     // TBD if we have a real need for these (more complex code)
     // alwaysShowResizeHandle, draggable, handle, handleClass, itemClass, layout, placeholderClass, placeholderText, resizable, removable, row,...
-    // rest are just copied over...
-    this.opts = {...this.opts, ...o};
     return this;
   }
 
@@ -1402,6 +1386,7 @@ export class GridStack {
       if (ddChanged) {
         this.prepareDragDrop(n.el);
       }
+      if (GridStack.updateCB) GridStack.updateCB(n); // call user callback so they know widget got updated
     });
 
     return this;
@@ -1446,7 +1431,7 @@ export class GridStack {
       // sub-grid - use their actual row count * their cell height, BUT append any content outside of the grid (eg: above text)
       wantedH = n.subGrid.getRow() * n.subGrid.getCellHeight(true);
       const subRec = n.subGrid.el.getBoundingClientRect();
-      const parentRec = n.subGrid.el.parentElement.getBoundingClientRect();
+      const parentRec = el.getBoundingClientRect();
       wantedH += subRec.top - parentRec.top;
     } else if (n.subGridOpts?.children?.length) {
       // not sub-grid just yet (case above) wait until we do
@@ -1598,7 +1583,11 @@ export class GridStack {
   /** @internal */
   protected _triggerEvent(type: string, data?: GridStackNode[]): GridStack {
     const event = data ? new CustomEvent(type, { bubbles: false, detail: data }) : new Event(type);
-    this.el.dispatchEvent(event);
+    // check if we're nested, and if so call the outermost grid to trigger the event
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    let grid: GridStack = this;
+    while (grid.parentGridNode) grid = grid.parentGridNode.grid;
+    grid.el.dispatchEvent(event);
     return this;
   }
 
@@ -1631,7 +1620,7 @@ export class GridStack {
     }
 
     // if we're a nested grid inside an sizeToContent item, tell it to resize itself too
-    if (parent && !parent.grid.engine.batchMode && Utils.shouldSizeToContent(parent)) {
+    if (parent && Utils.shouldSizeToContent(parent)) {
       parent.grid.resizeToContentCBCheck(parent.el);
     }
 
@@ -1736,7 +1725,7 @@ export class GridStack {
     // remove any key not found (null or false which is default, unless sizeToContent=false override)
     for (const key in n) {
       if (!n.hasOwnProperty(key)) return;
-      if (!n[key] && n[key] !== 0 && key !== 'gs-size-to-content') { // 0 can be valid value (x,y only really)
+      if (!n[key] && n[key] !== 0 && key !== 'sizeToContent') { // 0 can be valid value (x,y only really)
         delete n[key];
       }
     }
@@ -1816,7 +1805,9 @@ export class GridStack {
       nodes.forEach(n => {
         if (Utils.shouldSizeToContent(n)) this.resizeToContentCBCheck(n.el);
       });
+      this._ignoreLayoutsNodeChange = true; // loop through each node will set/reset around each move, so set it here again
       this.batchUpdate(false);
+      this._ignoreLayoutsNodeChange = false;
     }
     // call this regardless of shouldSizeToContent because widget might need to stretch to take available space after a resize
     if (this._gsEventHandler['resizecontent']) this._gsEventHandler['resizecontent'](null, n ? [n] : this.engine.nodes);
@@ -1902,7 +1893,7 @@ export class GridStack {
     return this;
   }
 
-  static GDRev = '12.0.0';
+  static GDRev = '12.2.1';
 
   /* ===========================================================================================
    * drag&drop methods that used to be stubbed out and implemented in dd-gridstack.ts
@@ -2264,8 +2255,10 @@ export class GridStack {
         delete this.placeholder.gridstackNode;
 
         // disable animation when replacing a placeholder (already positioned) with actual content
-        const noAnim = wasAdded && this.opts.animate;
-        if (noAnim) this.setAnimation(false);
+        if (wasAdded && this.opts.animate) {
+          this.setAnimation(false);
+          this.setAnimation(true, true); // delay adding back
+        }
 
         // notify previous grid of removal
         // console.log('drop delete _gridstackNodeOrig') // TEST
@@ -2327,9 +2320,6 @@ export class GridStack {
           this._gsEventHandler['dropped']({ ...event, type: 'dropped' }, origNode && origNode.grid ? origNode : undefined, node);
         }
 
-        // delay adding animation back
-        if (noAnim) this.setAnimation(this.opts.animate, true);
-
         return false; // prevent parent from receiving msg (which may be grid as well)
       });
     return this;
@@ -2391,9 +2381,7 @@ export class GridStack {
       /** called when item starts moving/resizing */
       const onStartMoving = (event: Event, ui: DDUIData) => {
         // trigger any 'dragstart' / 'resizestart' manually
-        if (this._gsEventHandler[event.type]) {
-          this._gsEventHandler[event.type](event, event.target);
-        }
+        this.triggerEvent(event, event.target as GridItemHTMLElement);
         cellWidth = this.cellWidth();
         cellHeight = this.getCellHeight(true); // force pixels for calculations
 
@@ -2439,9 +2427,7 @@ export class GridStack {
             // move to new placeholder location
             this._writePosAttr(target, node);
           }
-          if (this._gsEventHandler[event.type]) {
-            this._gsEventHandler[event.type](event, target);
-          }
+          this.triggerEvent(event, target);
         }
         // @ts-ignore
         this._extraDragRow = 0;// @ts-ignore
@@ -2620,9 +2606,17 @@ export class GridStack {
       if (!node._sidebarOrig) {
         this._writePosAttr(target, node);
       }
-      if (this._gsEventHandler[event.type]) {
-        this._gsEventHandler[event.type](event, target);
-      }
+      this.triggerEvent(event, target);
+    }
+  }
+
+  /** call given event callback on our main top-most grid (if we're nested) */
+  protected triggerEvent(event: Event, target: GridItemHTMLElement) {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    let grid: GridStack = this;
+    while (grid.parentGridNode) grid = grid.parentGridNode.grid;
+    if (grid._gsEventHandler[event.type]) {
+      grid._gsEventHandler[event.type](event, target);
     }
   }
 
diff --git a/src/types.ts b/src/types.ts
index 156552a00..b59735e5a 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,5 +1,5 @@
 /**
- * types.ts 12.0.0
+ * types.ts 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */
 
diff --git a/src/utils.ts b/src/utils.ts
index 44bfbe381..4014a1891 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,5 +1,5 @@
 /**
- * utils.ts 12.0.0
+ * utils.ts 12.2.1
  * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
  */