#5335 closed bug (duplicate)

Opened March 12, 2010 05:20PM UTC

Closed November 07, 2012 05:21PM UTC

Resizable: position set to absolute at end of resize

Reported by: Rwhitbeck Owned by:
Priority: major Milestone: 2.0.0
Component: ui.resizable Version: 1.8rc3
Keywords: Cc:
Blocked by: Blocking:
Description

Resizable sets element to position: absolute at the end of resize.

See forum for more details: https://forum.jquery.com/topic/problem-with-draggable-and-resizable

Attachments (0)
Change History (12)

Changed March 15, 2010 01:13PM UTC by rdworth comment:1

description: See forum for details: https://forum.jquery.com/topic/problem-with-draggable-and-resizable → Resizable sets element to position: absolute at the end of resize. \ \ See forum for more details: https://forum.jquery.com/topic/problem-with-draggable-and-resizable

Changed March 15, 2010 01:14PM UTC by rdworth comment:2

summary: Problem with draggable and resizable → Resizable: position set to absolute at end of resize

Changed March 15, 2010 01:15PM UTC by rdworth comment:3

May be related to #3815

Changed May 22, 2010 08:53PM UTC by AzaToth comment:4

The issue here is not cause of resizable, but the causing plugin is draggable, test added to http://github.com/azatoth/jquery-ui/commit/40175b06bdf282f9121b63b764384b5b105a1af6 which confirm this.

Changed May 22, 2010 10:34PM UTC by AzaToth comment:5

Perhaps this bug should be moved to draggable.

Changed May 23, 2010 11:51AM UTC by rdworth comment:6

The issue seems related to both resizable and draggable since you need an element that's both for the issue to present. Since the issue presents on resize, not drag, seems fitting to leave it as a resizable ticket, regardless of where the final fix may be implemented (which is not yet clear from the test).

Changed August 09, 2010 03:27PM UTC by mco comment:7

It's definitely not the fix, but in my case setting html element css-position to absolute just after making it draggable and resizable fixes this issue.

My case is (shorthand notation, hope it's clear):

  • div { position: absolute, top: 100px, left,right,bottom: 0px, overflow: scroll} containing:
  • div { position: relative, width,height set by javascript dynamically} (just to set the containing block for absolutely-positioned elements) containing:
  • img { position: absolute, w,h: 100% }
  • div { position absolute, w,h: 100%; z-index: 1 } containing:
  • a few divs, that are subject to the issue (jqueryui draggable, resizeable)

I read somewhere that scrolling is probably one of the sources of this behaviour. In my scenario it happens no matter if content fits the scrollable container (scrollbars disabled) or not (scrollbars enabled).

Changed October 19, 2010 03:39PM UTC by scottgonzalez comment:8

priority: critical → major

Changed November 13, 2011 05:30AM UTC by codeblock comment:9

Another vote for this...

Changed December 31, 2011 09:53PM UTC by dennyphilip comment:10

_comment0: The resizable seems to set its containment to the the elements ui-wrapper. \ → 1325508771655875

The resizable seems to set its containment to the the elements draggable ui-wrapper.

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

milestone: 1.9.0 → 2.0.0

Changed November 07, 2012 05:21PM UTC by tj.vantoll comment:12

resolution: → duplicate
status: new → closed

Duplicate of #6939.