реагировать-драгула работает только на большой скорости?
РЕДАКТИРОВАТЬ: вот изображение моего кода в действии:
У меня есть следующий контейнер:
#myDisplay{
display: flex;
justify-content:left;
overflow:none;
flex-wrap: wrap;
flex-grow: 0;
position:absolute;
top: 2.68518519%;
left:9.96767241%;
width: 90.03232759%;
height:97.31481481%;
и я добавляю в этот контейнер 3 строки по 7 элементов с помощью response:
#myCard{
color:var(--txtcolor);
flex-shrink: 0;
width:12.44763614549592%;
height: 31.29381571%;
background: var(--contentbg);
border: 3px solid var(--drkblue);
box-sizing: border-box;
border-radius: 53px;
margin-right: 1.7658573%;
padding-left: 1%;
padding-right:1%;
font-size: 0.875rem;
И я использую следующий код драгулы:
const dragulaDecorator = (componentBackingInstance) => {
if (componentBackingInstance) {
let options = { };
Dragula([componentBackingInstance], options);
}
};
и объявив мой дисплейный блок следующим образом:
<div id="myDisplay" ref={dragulaDecorator}>
{renderCard(1)}
{renderCard(2)}
{renderCard(3)}
{renderCard(4)}
{renderCard(5)}
{renderCard(6)}
{renderCard(7)}
{renderCard(8)}
{renderCard(9)}
{renderCard(10)}
{renderCard(11)}
{renderCard(12)}
{renderCard(13)}
{renderCard(14)}
{renderCard(15)}
{renderCard(16)}
{renderCard(17)}
{renderCard(18)}
{renderCard(19)}
{renderCard(20)}
{renderCard(21)}
Этот код работает ... в основном. Я могу перетаскивать свои карты, и они будут подталкивать другие, как задумано. Но это работает только тогда, когда я очень быстро перетаскиваю свои предметы по экрану. Это позволяет мне никогда не размещать их точно, и это действительно так же хорошо, как и не работать. Если я медленно перетаскиваю элемент поверх других, ничего не происходит. Есть ли у кого-нибудь опыт работы с этим пакетом, чтобы пролить свет?