Resizable replaces original positional values

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 });

}