Opened 10 years ago

Last modified 7 years ago

#4585 open bug

Resizable: Absolutely positioned resizable containment does not work when the absolute position is not relative to the containment element

Reported by: gabrielle27 Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:

Description

I have placed a resizable in the middle of a container div, by giving it absolute position and manually setting the top and left values. When I set the resizable's containment to the container div, the resizing acts strange. I am not able to resize it down or to the right. When I resize it up or to the left sometimes it changes position instead of just changing size. And I am able to resize it out of the container div. I'm using firefox 3.0.10 on Mac OS 10.5.7. I am attaching a demo page.

Attachments (1)

resize_contain_test.html (1.0 KB) - added by gabrielle27 10 years ago.
a standalone html file demonstrating the bug

Download all attachments as: .zip

Change History (4)

Changed 10 years ago by gabrielle27

Attachment: resize_contain_test.html added

a standalone html file demonstrating the bug

comment:1 Changed 10 years ago by Jörn Zaefferer

Component: ui.coreui.resizable
Milestone: TBD1.8

comment:2 Changed 7 years ago by Scott González

Milestone: 1.9.02.0.0

comment:3 Changed 7 years ago by tj.vantoll

Status: newopen
Summary: odd behavior from resizable contianment when resizable has absolute positionResizable: Absolutely positioned resizable containment does not work when the absolute position is not relative to the containment element

Here's a cleaned up port of the original example to jsFiddle - http://jsfiddle.net/tj_vantoll/S7FYx/. The reason the red box is not resizable is that it is absolutely positioned relative to the window and not the blue box. This can be cleaned up by making the container position: relative - http://jsfiddle.net/tj_vantoll/KeGkR/.

Note: See TracTickets for help on using tickets.