Изменяемый размер пользовательского интерфейса Jquery выходит за рамки ограничения (также используется перетаскиваемый)

Question

Проблема, с которой я сталкиваюсь, заключается в изменении размера div. Когда я использую его с Draggable, это дает проблему и не в состоянии изменить его по ширине.

Если я использую только изменяемый размер, то это нормально. Но мне нужно, чтобы он работал с перетаскиваемой функцией.

Просьба предложить.

нажмите на ссылку jsFiddle для демонстрации.

Answer 1

Добавление position:relative; в контейнер решает проблему.

Смотрите этот рабочий пример Fiddle!

#ParentDIV {
    position: relative;
}

Answer 2

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

#container {
    position:absolute;
}

#draggedObject {
    position:absolute:
    width: 100px;
    height: 50px;
}