Forums

Hi all,

suppose I have the following html content :



now i create a resize widget :

new Y.Resize({
node : '#child'
}).plug(Y.Plugin.ResizeConstrained, {
constrain : '#parent'
});
then i create a drag for the child element so that it is draggable within the parent :

new Y.DD.Drag({
node :'#child'
}).plug(Y.Plugin.DDConstrained, {
constrain2node : '#parent'
});

I open the page in the browser (either firefox, chrome,ie) , drag the child to the top left corner of the parent, then drag the bottom handle of resize downwards, the resize with also shrink the width of the element from right to left as i drag the bottom handle down. If I remove the border of the parent, it works fine.

I think it is because with child having absolute position and parent having a border, when in the top left corner of the parent, the left/top positon of child will be negative, but the child is supposed to be constrained in the parent(set by the Resize).

Is it a bug or am I using the widgets incorrectly?
Thanks.

Hi Dav, thanks for the reply. yeah problem solved after adding a div between parent and children. cheeers