From 3f45f5ccf93853e9f309cdb052dc47d88e393516 Mon Sep 17 00:00:00 2001
From: jzaefferer <joern.zaefferer@gmail.com>
Date: Fri, 30 Jul 2010 11:33:49 +0200
Subject: [PATCH] Improving visual testcase for position. Partial fix for #5284
 - Position: Smarter collision detection

---
 tests/visual/position/position.html | 32 +++++++++++++++--------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/tests/visual/position/position.html b/tests/visual/position/position.html
index 364fd32b2..4f6e04497 100644
--- a/tests/visual/position/position.html
+++ b/tests/visual/position/position.html
@@ -13,27 +13,29 @@
 	<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
 	<script type="text/javascript">
 	$(function() {
-		var ul = $("ul");
-		$("input").each(function() {
-			$(this).position({
-				my: this.id.replace(/-/, " "),
-				at: this.id.replace(/-/, " "),
-				of: "#container",
-				collision: "none"
+		var inputs = $("input");
+		$("ul").insertAfter(inputs);
+		$(window).resize(function() {
+			inputs.each(function() {
+				$(this).position({
+					my: this.id.replace(/-/, " "),
+					at: this.id.replace(/-/, " "),
+					of: "#container",
+					collision: "none"
+				});
+				$(this).next().menu().position({
+					my: "left top",
+					at: "left bottom",
+					of: this
+				});
 			});
-			ul.clone().insertAfter(this).menu().position({
-				my: "left top",
-				at: "left bottom",
-				of: this
-			});
-		});
-		ul.remove();
+		}).resize();
 	});
 	</script>
 	<style>
 		input, .ui-menu { position: absolute; }
 		.ui-menu { width: 200px; }
-		html, body { width: 100%; height: 100% }
+		html, body { width: 99%; height: 99% }
 		#container { width: 95%; height: 95%; border: 1px solid black; margin: auto; }
 	</style>
 </head>
-- 
2.39.5