cursorOffset Object(default: null)

If set, specifies the offset of the hint relative to the mouse cursor/finger. By default, the hint is initially positioned on top of the draggable source offset. The option accepts an object with two keys: top and left.


<div id="draggable"></div>

    hint: function(element) {
      return element.clone();
    cursorOffset: { top: 30, left: 100 }
  #draggable {
    width: 50px;
    height: 50px;
    background-color: orange;
    border: 2px solid green;
In this article