Resizable: position set to absolute at end of resize

[Rwhitbeck]

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

[rdworth]

May be related to #3815

[AzaToth]

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.

[AzaToth]

Perhaps this bug should be moved to draggable.

[rdworth]

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).

[mco]

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).

[codeblock]

Another vote for this...

[dennyphilip]

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

[tj.vantoll]

Duplicate of #6939.