Resizable: aspectRatio cannot be changed after initialization

[tcarnell]

I have a resizable div, and want to change the 'aspectRatio' behaviour on the fly. Attempting the following code has no affect:

$("#myResizable).resizable('option', 'aspectRatio', newState);

(where 'newState' is either true|false)

The workaround is as follows, but I am concerned about the cost overhead:

$("#myResizable).resizable('destroy');
//re-initialize the resizable with the desired 'aspectRatio' value

[tcarnell]

(sorry) missed a closing double quote on the code samples above, should have been:

$("#myResizable")....

[rbrackett]

I just ran into this issue myself. Here's a quick workaround if someone needs it (probably not the right way to really patch it, though):

(function() {
	// Work around http://dev.jqueryui.com/ticket/4186
	var oldSetData = $.ui.resizable.prototype._setData;
	$.ui.resizable.prototype._setData = function(key, value) {
		oldSetData.apply(this, arguments);
		if (key === "aspectRatio") {
			this._aspectRatio = !!value;
		}
	};
})();

[kunderez]

Yep, it still exists in 1.8.1 :/

[rdworth]

#7117 is a duplicate of this ticket.

[odyniec]

An updated workaround for recent versions of jQuery UI:

(function() {
    var oldSetOption = $.ui.resizable.prototype._setOption;
    $.ui.resizable.prototype._setOption = function(key, value) {
        oldSetOption.apply(this, arguments);
        if (key === "aspectRatio") {
            this._aspectRatio = !!value;
        }
    };
})();

[tj.vantoll]

Verified that this is still an issue in 1.9.1 - ​http://jsfiddle.net/tj_vantoll/L4h3F/.

Related: #3423, #6723

[tj.vantoll]

#5208 is a duplicate of this ticket.

[Scott González]

In c481400f:

Resizable: Fix aspectRatio cannot be changed after initialization.

Fixes #4186
Closes gh-1750