Flex Parent не переставляется, когда выгибается ребенок Flex

Question

Flex Parent не переставляется, когда выгибается ребенок Flex

0

Я использую css3 flex box es и jQuery UI drag and drop.

Хотя я применил justify-content:space-around; Если я перетаскиваю дочерний элемент flex и вытаскиваю его за пределы содержимого flex, остальные элементы не переупорядочиваются, чтобы соблюдать свойство justify-content.

Проверьте этот JSFiddle

я хочу, чтобы элементы переустанавливались после того, как элемент перетащили (перестройте в flex-start, flex-end center или что-то еще... я хочу, чтобы они текли после удаления элемента)

Как я могу это исправить?

T J 14 апр. 2014, в 11:47

Источник

Теги:

jquery

html

css

jquery-ui

flexbox

1 ответ

Ещё вопросы

T J · Accepted Answer · 2014-04-14T07-43-00.000Z

Похоже, я нашел проблему сам после некоторого осмотра.

Пользовательский интерфейс jQuery просто меняет положение перетаскиваемого элемента. он остается внутри него родителем даже после того, как он упал на другой. следовательно, выглядит, что элементы css flex не перестраиваются...

Решение состоит в том, чтобы вручную отсоединить перетаскиваемый и добавить его к droppable при событии drop например

ui.draggable.detach().appendTo($(this)); //where this refers to the droppabe

Ссылка: добавить Draggable в Droppable (SO)