Draggable: Only apply ui-draggable-handle within the draggable instance

Fixes #10212
Closes gh-1284

1 files changed, 6 insertions, 2 deletions

diff --git a/tests/unit/draggable/draggable_core.js b/tests/unit/draggable/draggable_core.js
index 7df0969b1..beab67f19 100644
--- a/tests/unit/draggable/draggable_core.js
+++ b/tests/unit/draggable/draggable_core.js
@@ -274,15 +274,19 @@ asyncTest( "#4261: active element should blur when mousing down on a draggable",
 });
 
 test( "ui-draggable-handle assigned to appropriate element", function() {
-	expect( 4 );
+	expect( 5 );
 
-	var element = $( "<div><p></p></div>" ).appendTo( "#qunit-fixture" ).draggable();
+	var p = $( "<p>" ).appendTo( "#qunit-fixture" ),
+		element = $( "<div><p></p></div>" ).appendTo( "#qunit-fixture" ).draggable();
 	ok( element.hasClass( "ui-draggable-handle" ), "handle is element by default" );
 
 	element.draggable( "option", "handle", "p" );
 	ok( !element.hasClass( "ui-draggable-handle" ), "removed from element" );
 	ok( element.find( "p" ).hasClass( "ui-draggable-handle" ), "added to handle" );
 
+	ok( !p.hasClass( "ui-draggable-handle" ),
+		"ensure handle class name is constrained within the draggble (#10212)" );
+
 	element.draggable( "destroy" );
 	ok( !element.find( "p" ).hasClass( "ui-draggable-handle" ), "removed in destroy()" );
 });