layout demo: further bugfixing in IE; set handle for draggables to be consistent with sortables

3 files changed, 7 insertions, 6 deletions

diff --git a/demos/real-world/layout/demo-ie.css b/demos/real-world/layout/demo-ie.css
index 0ba108cd1..47d9ecb87 100644
--- a/demos/real-world/layout/demo-ie.css
+++ b/demos/real-world/layout/demo-ie.css
@@ -1,3 +1,4 @@
+body { height: 100% }
 .ui-sortable h2 { top: -4px; }
 
 #overlay #preloader img { margin-top: 11px; }
\ No newline at end of file
diff --git a/demos/real-world/layout/demo.css b/demos/real-world/layout/demo.css
index 9271b0c49..26563aa39 100644
--- a/demos/real-world/layout/demo.css
+++ b/demos/real-world/layout/demo.css
@@ -1,6 +1,4 @@
-html, body { height: 100% }
-
-body { background-color:#666; color:#FFF; font:11px/1.5 Arial, sans-serif; margin:0; overflow:hidden; padding:30px 0 0 30px; }
+body { background-color:#666; color:#FFF; font:11px/1.5 Arial, sans-serif; margin:0; padding:30px 0 0 30px; }
 h1 { font-size:18px; margin:0 0 20px; }
 a { color:#FFF; }
 
diff --git a/demos/real-world/layout/demo.js b/demos/real-world/layout/demo.js
index 7b0ee732d..191bee24b 100644
--- a/demos/real-world/layout/demo.js
+++ b/demos/real-world/layout/demo.js
@@ -1,6 +1,5 @@
 (function($){
 	function updateUpDown(sortable) {
-		console.log(this, sortable)
 		$('dl:not(.ui-sortable-helper)', sortable)
 			.removeClass('first').removeClass('last')
 			.find('.up, .down').removeClass('disabled').end()
@@ -98,14 +97,17 @@
 		});
 		$('#components > dl').draggable({
 			connectToSortable: $els.not("#trashcan"),
-			helper: 'clone'
+			helper: 'clone',
+			handle: 'dt'
 		})
 	});
 	
 	$(window).bind('load',function(){
 		setTimeout(function(){
+			// fixes the weird scrolling in IE while killing the fade
+			$(document.body).css("height", "auto")
 			$('#overlay').fadeOut(function(){
-				$('body').css('overflow', 'auto');
+				$(this).remove();
 			});
 		}, 500);
 	});