Skip to main content

Search and Top Navigation

#7002 open bug ()

Opened February 16, 2011 08:19PM UTC

Last modified November 03, 2012 10:31PM UTC

Resizable: Problems using alsoResize with min/max height/width

Reported by: SirHally Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.8.9
Keywords: Cc:
Blocked by: Blocking:
Description

When I try to synchronize the resize of 2 blocks in only one dimension (for example, width) and forbid to synchronize the resize in other dimensions (for example, height), I try to use the following jQuery UI code.

$("#userListFooter").resizable({handles: 'n, w, nw',alsoResize: "#userList"});
$("#userList" ).resizable({handles:'w', minHeight:25,maxHeight:25,minWidth:240 });

When I resize #userList, I really can't change the height, according to constraint. Only width. It is logical.

But when I resize width and height of #userListFooter, the constraint of #userList didn't work. If I enlarge the height of #userListFooter, the height of #userList will be enlarged too, it will be more than 25px. So, the constraint of #userList is broken.

Attachments (0)
Change History (2)

Changed October 11, 2012 02:52PM UTC by scottgonzalez comment:1

milestone: 1.9.02.0.0

Changed November 03, 2012 10:31PM UTC by tj.vantoll comment:2

status: newopen
summary: Resizable. alsoResize and maximum/minimum size are conflictedResizable: Problems using alsoResize with min/max height/width

Verified this is an issue with 1.9.1. See http://jsfiddle.net/tj_vantoll/Y2sPJ/ for the minified test case and an explanation of the issue.