Resizable: Modified the default z-index value of resizable handles. Fixed #7960 - Dialog: Modal dialogs do not disable resizables on the page.

1 files changed, 14 insertions, 0 deletions

diff --git a/tests/unit/resizable/resizable_options.js b/tests/unit/resizable/resizable_options.js
index 4b47762ab..c8627953b 100644
--- a/tests/unit/resizable/resizable_options.js
+++ b/tests/unit/resizable/resizable_options.js
@@ -210,4 +210,18 @@ test("zIndex, applied to all handles", function() {
 	});
 });
 
+test( "zIndex, less than a modal dialog's overlay by default", function() {
+	expect(1);
+
+	var resizable = $( '<div></div>' ).resizable();
+	var dialog = $( '<div></div>' ).dialog( { modal: true });
+
+	var resizableZIndex = resizable.resizable( 'option', 'zIndex' );
+	var overlayZIndex = $( '.ui-widget-overlay' ).css( 'zIndex' );
+	overlayZIndex = parseInt( overlayZIndex, 10 );
+
+	ok( resizableZIndex < overlayZIndex, "Resizables behind a modal dialog must have a smaller z-index than the overlay so that they're not resizable.  See #7960." );
+	dialog.dialog( 'destroy' );
+});
+
 })(jQuery);