У меня есть родительский div, который содержит дочерний div.оба div'а можно изменять и перетаскивать. Я использую для этого jQueryUI.Дочерний объект должен изменять размер или перетаскивать его только внутри родительского элемента (это сделано).
Пример можно найти здесь jsfiddle .
$(".progress-resizable").resizable({
handles: 'e, w',
containment: ".card-body"
});
Проблема возникает, если я перетаскиваюдочерний div полностью направо, и я пытаюсь изменить размер родительского div справа налево, теперь дочерний div выходит за границы родительского элемента.если я пытаюсь изменить размер дочернего div, он автоматически выравнивается по отношению к родительскому, и теперь ширина не реагирует после изменения размера дочернего div: (
И родительский, и дочерний div не реагируют после изменения размера.
Примечание: изменение размера может происходить справа налево и слева направо. Мои попытки находятся в комментариях к скрипту jsfiddle, но это кажется немного сложным.
Пожалуйста, попробуйте помочь мне с примером скрипки.
Заранее спасибо.