Jquery перетаскиваемый + изменяемый элемент выходит за пределы

Question

элемент, который имеет изменяемый и перетаскивать Jquery плагин применяется к нему выходит за пределы, если родительский элемент не имеет

overflow:hidden; 

Применительно к нему.

Вот JSfiddle: http://jsfiddle.net/hjtBA/

Попробуйте перетащить элемент в дальний самый нижний правый угол пару раз. Вы увидите, что он выходит за пределы. Я понял, что если я устанавливаю родительский элемент, например. #outer to overflow: скрыто, что проблема решена.

Проблема: Мне нужен родитель, чтобы иметь переполнение: видимый для других CSS, чтобы работать нормально. Как еще я могу решить проблему без, делая родительский переполнение: скрытый?

Заранее благодарен!

Answer 1

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

Там, кажется, ошибка, которую можно перетащить 3px из ограничительной рамки, поэтому заменить скрипку с этим кодом, который добавляет функцию привязки 3px, так что вы не можете перетащить 3px из границы :-)

$(function(){ 
    $('#inner').resizable({ 
     containment: 'parent'   
     }).draggable({ 
     containment: 'parent' , 
     snap: "#outer", snapMode: "inner" , 
     snapTolerance: 3  
    });  
});​ 

вы должны перелива видны! когда элемент перетаскиваемый и изменяемый по размеру, в противном случае я обнаружил, что это вызвало недостижимость элемента!