From 7af1ec727bcca8367e804cea77b9dd238b1c0d69 Mon Sep 17 00:00:00 2001 From: Scott González Date: Tue, 23 Oct 2012 10:15:19 -0400 Subject: Tooltip: Position below the element and set a max width of 300px to more closely match native tooltip behavior. Fixes #8718 - tooltip flickers when too long. --- themes/base/jquery.ui.tooltip.css | 1 + ui/jquery.ui.tooltip.js | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/themes/base/jquery.ui.tooltip.css b/themes/base/jquery.ui.tooltip.css index e293eeb23..acc39a002 100644 --- 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 index a04b84289..4a17f1f20 100644 --- 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, -- cgit v1.2.3