Как удалить элемент в драгула после клонирования?

Question

После перетаскивания элементов из родительского контейнера id=left-copy-1tomanyЯ хочу удалить некоторые клонированные элементы из контейнера клонов id=right-copy-1tomany, Я хочу удалить их, используя removeOnSpill: true функция, которая позволяет мне перетаскивать элементы из контейнера, чтобы удалить его. Есть ли способ заставить это работать с кодом клонирования?

HTML:

<div class='parent'>
    <div class='wrapper'>
        <div id='right-copy-1tomany' class='container'></div>
            <div id='left-copy-1tomany' class='container'>
                <div>TEST BOX 1</div>
                <div>TEST BOX 2</div>
                <div>TEST BOX 3</div>
                <div>TEST BOX 4</div>
                <div>TEST BOX 5</div>
            </div>
        </div>
    </div>
</div>

<h4>Dragule Code:</h4>

JS:

dragula([document.getElementById(left), document.getElementById(right)],{
    accepts: function (el, target) {
    return target !== document.getElementById(right);
  },
    copy: function (el, source) {
    return source === document.getElementById(right);
  },
    removeOnSpill: true,
  }
});

Answer 1

Попробуйте с el.remove()в событии dropModel():

 this.dragulaService.dropModel("<dragula-id>")
  .subscribe(({ name, el, target, source, sibling, sourceModel, targetModel, item }) => {
    if (<condition-to-remove>) {
       el.remove()
    }
  });