Angular drag-drop: запретить удаление предмета за пределы поля - PullRequest
Новая
       23

Angular drag-drop: запретить удаление предмета за пределы поля

0 голосов
/ 03 февраля 2020

У меня проблема: Кроме того, чтобы иметь возможность перетаскивать текстовый «элемент» внутри поля ... мы можем отбросить его за пределами поля (правая сторона поля) ,

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

минимальный рабочий стекблиц . 

<div class="row">
<div class="column left">
    <div id="div1" cdkDrag cdkDropList cdkDropListConnectedTo="drop-list" *ngFor="let type of types"
        [cdkDragData]="type" (cdkDragMoved)="moved($event)">
        {{type.text}}
        <div *cdkDragPlaceholder class="field-placeholder"></div>

    </div>
</div>
<div class="column right">
    <h2 style="text-align: center">Box2</h2>
    <div #dropZone class="dropZone" cdkDropList id="drop-list" (cdkDropListDropped)="itemDropped($event)"
        >
        <div *ngFor="let field of fields;" cdkDrag
      style="position:absolute;z-index:10" [style.top]="field.top" [style.left]="field.left">
                {{field.text}}
        </div>
    </div>

</div>

...