Угловой материал 2 Drag Drops не должны перекрывать друг друга

Question

Я сейчас реализую веб-приложение с угловым материалом. Теперь у меня есть проблема с помощью перетаскивания.

код следующий:

<div class="example-box" cdkDrag>
  Drag me around 1
</div>

<div class="example-box" cdkDrag>
  Drag me around 2
</div>

Проблема в том, что я хочу, чтобы эти 2 перетаскивания не перекрывались.

Я не хочу так:

это было бы идеально, если коробка 2 находится над коробкой 1, коробка 1 будет перемещена куда-то автоматически.

любое предложение или решение.

Answer 1

пожалуйста, проверьте эту ссылку в этой ссылке описать, вы должны определить список и добавить две карты к нему, а затем добавить некоторые CSS, чтобы динамически изменить положение, одним словом вы должны определить (cdkDropListDropped) = "drop ($ event)" на своих картах, повтори еще раз: проверь примеры