Я разрабатываю веб-приложение на Angular с dragula, включенным в мой проект. Он отлично работает для перетаскивания вещей в «сумке», но мне нужна более надежная функция перетаскивания.
Есть ли способ разрешить <div>
, который содержит перетаскиваемые элементы, позволить этим элементам быть сброшенными в любом месте контейнера? Может быть, даже позволяя ставить их друг на друга?
<div id="desktop" [dragula]='"first-bag"'>
<div>
<h1>test</h1>
</div>
<div>
<h1>test 2</h1>
</div>
</div>
Скажем, размер div контейнера составляет 500x500 пикселей, а размер внутренних div - 50x50 пикселей. Я хочу иметь возможность перетащить один в левый верхний угол контейнера, а другой - в правый нижний. Я попытался определить ширину div, безрезультатно меняя элементы в сумке.
Я также рассмотрю другие Angular-совместимые фреймворки как варианты.