Opened 9 years ago
Closed 9 years ago
#9722 closed bug (duplicate)
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 }); }
Duplicate of #2421.