Drag Drop CDK: продолжайте показывать перетаскиваемый элемент в стартовом списке

Question

Я играю с cdk Drag and Drop, потому что он нужен мне для создания POC для работы. Я начал с этого кода с веб-сайта документации. Я видел, что каждый раз, когда я перетаскиваю элемент за пределы его списка, указанный элемент скрыт, пока я не уроню его в тот же список или в другой.

Так скажите мне, если я ошибаюсь, но кажется, что перетаскиваемый элемент не является копией элемента списка, а вместо этого является самим элементом.

В заключение я хочу, чтобы список не менял свой макет при перетаскивании одного из его элементов.

Короче говоря:

ТЕКУЩЕЕ ПОВЕДЕНИЕ

ОЖИДАЕМЫЕ ПОВЕДЕНИЯ

В документации по cdk я ничего не нашел для этого.

Answer 1

В вашем стеке замените cdk-drag-drop-connected-sorting-example.css

изменить

.cdk-drag-placeholder {
  opacity: 0;
}

в: (или просто удалить)

.cdk-drag-placeholder {
  /* opacity: 0; */
}

тот факт, что его исчезновение происходит из-за CSS-стиля заполнителя.

---

Если вы хотите отключить сортировку. Посмотрите ЗДЕСЬ!