Отказаться от функции "уйти с дороги"?

Question

Я использую response-beautiful-dnd для своего проекта.

Я пытаюсь сделать две сменные места (между пометками). По сути, я допускаю только 1 перетаскивание на каждый сбрасываемый.

Все работает нормально, кроме одной части. Функция " убирайся с дороги" постоянно перемещает перетаскиваемые объекты, когда я перетаскиваю их, но я этого не хочу.

Кто-нибудь знает способ НЕ убирать draggable с пути?

Answer 1

Мне удалось найти решение самому! Это хакерский, так что если кто-то знает более чистый способ сделать это, пожалуйста, дайте мне знать.

Если кто-то еще задается вопросом, как это сделать, вот как я это сделал:

Я создал класс непереводимый:

.non-translatable {
    -webkit-transform: unset !important;
    transform: unset !important;
  }

Затем в моем перетаскиваемом компоненте я добавил это:

className={cx('my-draggable', {   // cx is from the classnames package
              'non-translatable': !snapshot.isDragging,
            })}

Если вы не хотите использовать пакет classnames, это почти то же самое:

className={`my-draggable${!snapshot.isDragging ? ' non-translatable' : ''}`}

Как я уже сказал, это довольно забавно, поэтому, если есть более "правильный" способ, дайте мне знать!