Невозможно перетащить div, если есть общая высота содержимого

Question

У меня есть div со следующим css:

.azul{
   height:100%;
   width:100px;
   position:absolute;
   left:0px;
   top:0px;
   background-color:blue;
}

Высота 100% - это та же высота контейнера.

Я связываю "dragstart" с функцией. эта функция изменяет размер div до меньшей высоты.

Если я определю:

jQuery(element).draggable({ containment: ".container" });

Размер div хорошо изменен, но я не могу переместить его в положение Y, только X, так что... левый атрибут css меняется, но верх нет...

Я делаю вывод, что когда начинается перетаскивание, jquery-ui принимает начальную высоту div (100%), а когда я изменяю ее в функции... jquery-ui не позволяет мне перемещать позицию Y, потому что 100% хранится где-то...

Я пытался не ставить 100% и делать динамические со значением px...

Спасибо, это совет!!!

Answer 1

Похоже, вам нужно изменить размер перед dragStart.

jQuery(".panel").bind("mousedown", onDragStart);