Tooltip: Position below the element and set a max width of 300px to m…

…ore closely match native tooltip behavior. Fixes #8718 - tooltip flickers when too long.
jquery · 7af1ec727bcca8367e804cea77b9dd238b1c0d69 · scottgonzalez committed Oct 23, 2012 · Oct 23, 2012 · 7af1ec7
1 parent d67522e
commit 7af1ec727bcca8367e804cea77b9dd238b1c0d69
Unified Split

Showing with 3 additions and 2 deletions.

+1 −0 themes/base/jquery.ui.tooltip.css

+2 −2 ui/jquery.ui.tooltip.js
diff --git a/themes/base/jquery.ui.tooltip.css b/themes/base/jquery.ui.tooltip.css
@@ -10,6 +10,7 @@
 	padding:8px;
 	position:absolute;
 	z-index:9999;
+	max-width: 300px;
 	-o-box-shadow: 0 0 5px #aaa;
 	-moz-box-shadow: 0 0 5px #aaa;
 	-webkit-box-shadow: 0 0 5px #aaa;
diff --git a/ui/jquery.ui.tooltip.js b/ui/jquery.ui.tooltip.js
@@ -52,8 +52,8 @@ $.widget( "ui.tooltip", {
 		// Disabled elements have inconsistent behavior across browsers (#8661)
 		items: "[title]:not([disabled])",
 		position: {
-			my: "left+15 center",
-			at: "right center",
+			my: "left top+15",
+			at: "left bottom",
 			collision: "flipfit flipfit"
 		},
 		show: true,