NE & NW resize handles not inside content

Use this as a base for examples for gridstack.js issues.

by Alain Dumesny

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack-all.js"></script>
<h2>NE & NW resize handles not inside content</h2>

<div class="grid-stack"></div>

CSS

.grid-stack {
  background: lightgoldenrodyellow;
}

.grid-stack-item-content {
  color: #2c3e50;
  background-color: #18bc9c;
}

JavaScript

var count = 0;
var items = [
	{x: 0, y: 0, w: 4, h: 4},
	{x: 4, y: 0, w: 4, h: 4},
];

var options = { // put in gridstack options here
  float: true,
  resizable: {
  	handles: "all"
  },
  margin: 30
};
var grid = GridStack.init(options).load(items);