fix cellHeight() updating CSS for # of rows

* fix #1579
* make sure to re-create the CSS with actual numer of rows needed when changing cell heights

Author: adumesny

doc/CHANGES.md

@@ -50,6 +50,7 @@ Change log
 - fix [1572](https://github.com/gridstack/gridstack.js/issues/1572) `column: N` option now sets CSS class
 - fix [1571](https://github.com/gridstack/gridstack.js/issues/1571) don't allow drop when grid is full
 - fix [1570](https://github.com/gridstack/gridstack.js/issues/1570) easier to drag out/in from below
+- fix [1579](https://github.com/gridstack/gridstack.js/issues/1579) `cellHeight()` not updating CSS correctly
 
 ## 3.1.4 (2021-1-11)
 

src/gridstack.ts

@@ -582,7 +582,7 @@ export class GridStack {
     this.opts.cellHeight = data.h;
 
     if (update) {
-      this._updateStyles(true); // true = force re-create
+      this._updateStyles(true, this.getRow()); // true = force re-create, for that # of rows
     }
     this._resizeNestedGrids(this.el);
     return this;

src/utils.ts

@@ -147,8 +147,7 @@ export class Utils {
   /** removed the given stylesheet id */
   static removeStylesheet(id: string): void {
     let el = document.querySelector('STYLE[gs-style-id=' + id + ']');
-    if (!el || !el.parentNode) return;
-    el.parentNode.removeChild(el);
+    if (el && el.parentNode) el.remove();
   }
 
   /** inserts a CSS rule */