HTML5 Интерфейс Nested DnD позволяет только удалять вложенные элементы в полях формы с помощью сортируемого. js

Question

Я использую Сортируемый. JS для сортируемого перетаскивания в конструкторе форм. Я хочу, чтобы разделы перетаскивались (что более или менее работает), а вопросы в разделах перетаскивались в пределах одного и того же раздела или в другие разделы.

Я сталкиваюсь с тем, что я делаю класс card-text внутри каждого section тега элемента Sortable с параметром draggable, установленным на .formQuestion, который, насколько я могу судить по документам, должен работать отлично.

Однако когда вопросы начинают перетаскиваться, единственное место, где им разрешено отбрасывать, находится в самих полях формы или другом вопросе.

Я выбираю неправильную вещь для перетаскивания? Что-то не так с section.querySelector класса card-text в качестве целей?

https://jsfiddle.net/robertgreenstreet/y9pgqfxt/12/

Кроме того, по какой-то причине он не ведет себя так же на jsfiddle, как на моем компьютере, особенно на событиях ondragstart и ondragend.

Answer 1

У меня есть большинство ответа, наконец:

Я получил сортировку для работы в разделах, удалив назначение Sortable для каждого раздела, и вместо этого присваивая новую функцию ondragover классу .collapse (это тот же элемент, что и .card-text в исходном вопросе, фактическая область, в которой будут перетаскиваться вопросы) в разделах, которые (очень медленно) вычисляют, перетаскиваемый элемент необходимо поместить выше или ниже дочернего элемента, над которым он перетаскивается (Fiddle был обновлен, чтобы отразить это).

Я также назначил существующую функцию dragEnd для события ondragover каждого раздела, который сворачивает все разделы, затем отменяет .collapse внутри раздела, который в данный момент перетаскивается, и затем запускается событие .collapse ondragover, чтобы разрешить сортировку в этом разделе.

Это не не идеально или быстро, так что если кто-то может понять, почему вложенная / сгруппированная функциональность из Sortable не работает должным образом, эта часть все еще в скрипке, прокомментировал, в пределах от l oop до sections.