title: interact.js cursor is not changing
body: <p>In the example of <em>interact.js</em> the cursor is changing on the re-size edges.
  I tried the example but my cursor stays the same. </p>
  
  <p>Does someone know why it wont change?</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>interact(obj.src[0])
    .resizable({
      invert: 'reposition',
      snap: {
        targets: [
          interact.createSnapGrid({
            x: $scope.editorOpt.gridSize,
            y: $scope.editorOpt.gridSize
          })
        ],
        range: Infinity
      },
      edges: {
        left: true,
        right: true,
        bottom: true,
        top: true
      }
    })
    .on('resizemove', function(event) {
      var target = event.target;
      let x = $(target).position().left;
      let y = $(target).position().top;
      // update the element's style
      target.style.width = event.rect.width + 'px';
      target.style.height = event.rect.height + 'px';
  
      // translate when resizing from top or left edges
      x += event.deltaRect.left;
      y += event.deltaRect.top;
  
      $(target).css("left", x + "px");
      $(target).css("top", y + "px");
  
      obj.style.width = event.rect.width;
      obj.style.height = event.rect.height;
  
      obj.style.left = x;
      obj.style.top = y;
  
      $scope.$apply();
    });
  </code></pre>