Потерянные стили при перетаскивании элементов

Question

Я разрабатываю проект в React.js, где я использую плагин Reaction-sortable -hoc для перетаскивания элементов. Я хочу перетащить разделы с входами.

Перед перетаскиванием выглядит нормально:

Если я перетаскиваю элемент, он выглядит так:

Таким образом, стили при вводе, textarea и все элементы формы теряются при перетаскивании.

Не могли бы вы помочь мне, почему стили потеряли и как я могу это исправить?

Спасибо.

Answer 1

Когда вы перетаскиваете элемент, плагин Reaction-sortable-hoc добавляет этот элемент к body, Если у вас есть каскад в ваших стилях, например:

.parent-component .draggable-element {
 // some styles
}

Этот стиль не будет применяться, потому что в этот момент элемент с draggable-element класс не быть ребенком для элемента с parent-component учебный класс.