Ticket #4666: resizable-alsoresize.patch

ui.resizable.js

@@ -531 +531 @@
 
                 var self = $(this).data("resizable"), o = self.options;
 
+                // The supported values for alsoResize are html elements,
+                // selector string and jQuery object. All of these can be
+                // iterated with the each statement.
                 _store = function(exp) {
                         $(exp).each(function() {
                                 $(this).data("resizable-alsoresize", {
@@ -538 +541 @@
                                         left: parseInt($(this).css('left'), 10), top: parseInt($(this).css('top'), 10)
                                 });
                         });
-                };
-
-                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.parentNode) {
-                        if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0];      _store(o.alsoResize); }
-                        else { $.each(o.alsoResize, function(exp, c) { _store(exp); }); }
+                };      
+                
+                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.parentNode && !o.alsoResize.length) {
+                        // A dictionary of selectors, where the key stands for the
+                        // resizable item and the value is a list of properties that
+                        // are modified while being resized.
+                        $each(o.alsoResize, function(exp, c) { _store(exp); });
                 }else{
+                        // The objects that can be iterated normally with $(exp).each:
+                        // html elements, jQuery object, simple selector string.
                         _store(o.alsoResize);
                 }
         },
@@ -560 +567 @@
                         $(exp).each(function() {
                                 var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, css = c && c.length ? c : ['width', 'height', 'top', 'left'];
 
-                                $.each(css || ['width', 'height', 'top', 'left'], function(i, prop) {
+                                $.each(css, function(i, prop) {
                                         var sum = (start[prop]||0) + (delta[prop]||0);
                                         if (sum && sum >= 0)
                                                 style[prop] = sum || null;
@@ -576 +583 @@
                         });
                 };
 
-                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.nodeType) {
+                // See the start event for the explanation for this conditional.
+                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.nodeType && !o.alsoResize.length) {
                         $.each(o.alsoResize, function(exp, c) { _alsoResize(exp, c); });
                 }else{
                         _alsoResize(o.alsoResize);
-                }
+                }               
         },
 
         stop: function(event, ui){