#4796 closed bug (notabug)

Opened August 24, 2009 12:40AM UTC

Closed November 17, 2009 02:16PM UTC

Last modified October 11, 2012 09:15PM UTC

Resizable and draggable with relative position in div container

Reported by: subzero66 Owned by:
Priority: minor Milestone:
Component: ui.resizable Version: 1.7.2
Keywords: relative position, parent container Cc:
Blocked by: Blocking:
Description

I defined two divs with resizable/draggable attributes using a relative position within a parent div container. Dragging works just fine. Both inner divs can be dragged within the parent container. When resizing the first div the second div "jumps" to a different position. When looking at the resizable.js I found that the position it being changed to absolute in line 224:

el.css({ position: 'absolute', top: iniPos.top, left: iniPos.left });

Please find attached my example HTML. It's a modified version of the JQuery example code.

Attachments (1)
  • resize-relative.html (1.4 KB) - added by subzero66 August 24, 2009 12:41AM UTC.

    Resizable for relative positioned divs

Change History (6)

Changed September 03, 2009 01:49PM UTC by subzero66 comment:1

I found out how to work around this. You need to declare the container as relative and the inner divs as absolute.

<div id="inner_container" style="position: relative; height: 800px;">
   <div id="resizable1" style="position: absolute; top: 100px; left: 100px;>
      ...
   </div>
</div>

Changed November 17, 2009 02:16PM UTC by jzaefferer comment:2

resolution: → invalid
status: new → closed

Sounds like this doesn't require any further actions. Please reopen when it actually does.

Changed November 17, 2009 10:30PM UTC by webPragmatist comment:3

Is there a reason that this is hardcoded into this UI plugin? I am having to now add extra markup just to remove this style.

Changed November 17, 2009 10:47PM UTC by webPragmatist comment:4

My apologies for not further investigating this issue. It seems that the resizable widget looks for ui-draggable as a style in order to determine an absolute or relative positioning.

Is this necessary and if so is it documented?

Changed October 10, 2012 04:44PM UTC by sureshcjc@gmail.com comment:5

I have similar problem in my case. This issue is either not solved or I have a bug in my code. Please take a look at http://jsfiddle.net/MbYq6/ and advise.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:6

milestone: TBD

Milestone TBD deleted