Skip to main content

Search and Top Navigation

#9722 closed bug (duplicate)

Opened December 29, 2013 12:59PM UTC

Closed December 29, 2013 01:06PM UTC

Resizable replaces original positional values

Reported by: Sousy Owned by:
Priority: minor Milestone: none
Component: ui.resizable Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

When resizable is applied on an absolutely positioned element, the values for positional style properties like left and top are replaced with pixel values if the original values are not in pixels.

For instance, if an element has the following style values:

left: 20%

top: 20%

position: absolute

When resizable is applied to the element, when resizing these values will change to pixel values.

Why is resizable even modifying positional properties when it should only affect dimensional?

Demo:

http://jsfiddle.net/BbvRH/ - With draggable

http://jsfiddle.net/BbvRH/1/

This seems to be the side effect of a previous bugfix in the _mousestart method:

Bugfix for http:bugs.jqueryui.com/ticket/1749

if ( (/absolute/).test( el.css("position") ) ) {

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

} else if (el.is(".ui-draggable")) {

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

}

Attachments (0)
Change History (1)

Changed December 29, 2013 01:06PM UTC by tj.vantoll comment:1

resolution: → duplicate
status: newclosed

Duplicate of #2421.