Overflow

[calebelt]

Probably better to use offset() instead of element. Just need to add in the option in which item you want to place the clone. In this case, you will not have problems with overflow.

    var el = this.el, helper
    if (this.opts.clone) {
      if (typeof this.opts.clone === 'function') {
        helper = this.opts.clone.call(this.el)
      } else {
        helper = this.el.clone()
        if (this.opts.cloneClass) {
          helper.addClass(this.opts.cloneClass)
        }
      }
      var position = this.el.position()
      helper.css('position', 'absolute')
            .css('left', this.el.offset().left).css('top', this.el.offset().top) **<--- offset()**
            .width(this.el.width()).height(this.el.height())
//Clone
      helper.insertAfter('body') **<--- Element for clone**

[rkusa]

I think this could lead to issues with CSS not being applied anymore. E.g. when having <ul><li></li></ul> and something like ul > li { background-color: blue; }. Adding the <li> not only leads to invalid HTML, but more importantly the background-color is not applied anymore. What do you think?

[calebelt]

Please look at the source code of this page here http://webismy.work/cms/dnd.html.
Inside the that can be moved to any part of the pages. Therefore, the clone should be on top of other elements.
And this is only the beginning. I'm planning to do the edit slider, gallery, menu, links, forms using dnd. Therefore, this function to clone just the necessary.

[rkusa]

Setting up z-index properly should also work in most scenarios. Maybe in yours, too?

[calebelt]

What is inside the overflow: hidden will be hidden.
I can add to library functionality, but don't want to break up with your version.

[rkusa]

Ok, I misunderstood your issue. I am fine with adding it as long as it is disabled by default (to not break existing code).