Search and Top Navigation
#4585 open bug ()
Opened June 08, 2009 04:44PM UTC
Last modified November 08, 2012 03:20AM UTC
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)
Change History (3)
Changed June 09, 2009 08:05AM UTC by comment:1
| component: | ui.core → ui.resizable |
|---|---|
| milestone: | TBD → 1.8 |
Changed October 11, 2012 02:52PM UTC by comment:2
| milestone: | 1.9.0 → 2.0.0 |
|---|
Changed November 08, 2012 03:20AM UTC by comment:3
| status: | new → open |
|---|---|
| summary: | odd behavior from resizable contianment when resizable has absolute position → Resizable: 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/.