Multiples problem 1.8
Multiples problem 1.8
ui.Resizable
-ui.size is not the element current size but the mouse current position - position of the element when the containement option used.
(this is because the plugin containement only stop resizing VISUALLY)
-alsoResize plugin resize other elements even if the current element don't resize anymore because of its containement for the same reason as above.
(Quick fix: Move the addition of the plugin after the containment plugin)
You should implement "plugins interaction". Especially in the case of containment that is a real problem when you combine it with others OR when you play with Static/Absolute/Relative && overflow.
ui.Draggable
//Fix the fact that container can have borders of different widths
@@ -1166,8 +1166,8 @@
this.containment = [
co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
- co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
- co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+ co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderRightWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+ co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderBottomWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
];
} else if(o.containment.constructor == Array) {
this.containment = o.containment;
ui.Dialog
//Problem when dialog are resizable and the content overfow
@@ -6009,7 +6012,8 @@
this.element
.css(options.height === 'auto' ? {
- minHeight: Math.max(options.minHeight - nonContentHeight, 0),
+ //We add remove 16px to handle scrollbar
+ minHeight: Math.max(options.minHeight - nonContentHeight - 16, 0),
height: 'auto'
} : {
minHeight: 0,