Merge pull request #2874 from rsalcedo6/fix-resize-handles

Fix positioning bug with NE,NW resize handles

Author: adumesny

src/gridstack.scss

@@ -76,14 +76,14 @@ $animation_speed: .3s !default;
   }
 
   > .ui-resizable-ne {
-    @include vendor(transform, translate(0, 10px) rotate(45deg));
+    @include vendor(transform, rotate(45deg));
   }
   > .ui-resizable-sw {
     @include vendor(transform, rotate(45deg));
   }
 
   > .ui-resizable-nw {
-    @include vendor(transform, translate(0, 10px) rotate(-45deg));
+    @include vendor(transform, rotate(-45deg));
   }
   > .ui-resizable-se {
     @include vendor(transform, rotate(-45deg));

src/gridstack.ts

@@ -1615,10 +1615,10 @@ export class GridStack {
       // resize handles offset (to match margin)
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-n`, `top: ${top};`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-s`, `bottom: ${bottom}`);
-      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-ne`, `right: ${right}`);
+      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-ne`, `right: ${right}; top: ${top}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-e`, `right: ${right}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-se`, `right: ${right}; bottom: ${bottom}`);
-      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-nw`, `left: ${left}`);
+      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-nw`, `left: ${left}; top: ${top}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-w`, `left: ${left}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-sw`, `left: ${left}; bottom: ${bottom}`);
     }