From a4613302e2f4170fa5f4f7142ef832021e36d112 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Scott=20Gonz=C3=A1lez?= <scott.gonzalez@gmail.com>
Date: Tue, 24 Feb 2015 13:18:29 -0500
Subject: [PATCH 1/2] Resizable: size and position properties can be modifed in
 resize event

Fixes gh-220
---
 entries/resizable.xml | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/entries/resizable.xml b/entries/resizable.xml
index a7f1a9bf..ac298f90 100644
--- a/entries/resizable.xml
+++ b/entries/resizable.xml
@@ -153,12 +153,24 @@
 					<desc>The size represented as <code>{ width, height }</code> before the resizable is resized</desc>
 				</property>
 				<property name="position" type="Object">
-					<desc>The current position represented as <code>{ left, top }</code></desc>
+					<desc>The current position represented as <code>{ left, top }</code>. The values may be changed to modify where the element will be positioned. Useful for custom resizing logic.</desc>
 				</property>
 				<property name="size" type="Object">
-					<desc>The current size represented as <code>{ width, height }</code></desc>
+					<desc>The current size represented as <code>{ width, height }</code>. The values may be changed to modify where the element will be positioned. Useful for custom resizing logic.</desc>
 				</property>
 			</argument>
+			<example>
+				<desc>Constrain horizontal resizing:</desc>
+				<code><![CDATA[
+				$( ".selector" ).resizable({
+					resize: function( event, ui ) {
+
+						// Force a max width of 300 pixels
+						ui.size.width = Math.max( 300, ui.size.width );
+					}
+				});
+				]]></code>
+			</example>
 		</event>
 		<event name="stop">
 			<desc>This event is triggered at the end of a resize operation.</desc>

From 7b79eae1f137e8bab16bfd15a02e9a34a562b340 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Scott=20Gonz=C3=A1lez?= <scott.gonzalez@gmail.com>
Date: Tue, 24 Feb 2015 16:21:58 -0500
Subject: [PATCH 2/2] [fixup]: Change example

---
 entries/resizable.xml | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/entries/resizable.xml b/entries/resizable.xml
index ac298f90..4c4f1662 100644
--- a/entries/resizable.xml
+++ b/entries/resizable.xml
@@ -160,13 +160,11 @@
 				</property>
 			</argument>
 			<example>
-				<desc>Constrain horizontal resizing:</desc>
+				<desc>Restrict height resizing to 30 pixel increments:</desc>
 				<code><![CDATA[
 				$( ".selector" ).resizable({
 					resize: function( event, ui ) {
-
-						// Force a max width of 300 pixels
-						ui.size.width = Math.max( 300, ui.size.width );
+						ui.size.height = Math.round( ui.size.height / 30 ) * 30;
 					}
 				});
 				]]></code>