Resizable: Modified to allow jquery objects as handles

Custom handlers did not work as jquery objects (outside the resizable element)

Fixes #9658
Closes gh-1445

2 files changed, 30 insertions, 0 deletions

diff --git a/tests/unit/resizable/resizable.html b/tests/unit/resizable/resizable.html
index 5668c909a..a44346e7c 100644
--- a/tests/unit/resizable/resizable.html
+++ b/tests/unit/resizable/resizable.html
@@ -69,6 +69,7 @@
 
 <div id="container">
 	<div id="resizable1">I'm a resizable.</div>
+	<div id="resizer1" class="ui-resizable-handle ui-resizable-s"></div>
 </div>
 
 <div id="container2">
diff --git a/tests/unit/resizable/resizable_options.js b/tests/unit/resizable/resizable_options.js
index cacebf05c..a2c95790b 100644
--- a/tests/unit/resizable/resizable_options.js
+++ b/tests/unit/resizable/resizable_options.js
@@ -374,6 +374,35 @@ test("ui-resizable-nw { handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 1
 	equal( target.height(), 100, "compare maxHeight" );
 });
 
+
+test( "custom handles { handles: { 's': $('#resizer1'), containment: 'parent' }", function () {
+	expect( 2 );
+
+	var handle = "#resizer1",
+		target = $( "#resizable1" ).resizable({ handles: { "s": $( "#resizer1" ) }, containment: "parent" });
+
+	TestHelpers.resizable.drag( handle, 0, 70 );
+	equal( target.height(), 170, "compare height" );
+
+	TestHelpers.resizable.drag( handle, 0, -70 );
+	equal( target.height(), 100, "compare height" );
+});
+
+
+test( "custom handles { handles: { 's': $('#resizer1')[0], containment: 'parent' }", function () {
+	expect( 2 );
+
+	var handle = "#resizer1",
+		target = $( "#resizable1" ).resizable({ handles: { "s": $( "#resizer1" )[ 0 ] }, containment: "parent" });
+
+	TestHelpers.resizable.drag( handle, 0, 70 );
+	equal( target.height(), 170, "compare height" );
+
+	TestHelpers.resizable.drag( handle, 0, -70 );
+	equal( target.height(), 100, "compare height" );
+});
+
+
 test("zIndex, applied to all handles", function() {
 	expect(8);