diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2012-10-23 10:15:19 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2012-10-23 10:15:28 -0400 |
| commit | 7af1ec727bcca8367e804cea77b9dd238b1c0d69 (patch) | |
| tree | 9aa79484ed98ac0a068362461cba184a50e24115 | |
| parent | d67522e3290948c0497ab7c6511e9ea29b22b851 (diff) | |
| download | jquery-ui-7af1ec727bcca8367e804cea77b9dd238b1c0d69.tar.gz jquery-ui-7af1ec727bcca8367e804cea77b9dd238b1c0d69.zip | |
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.
| -rw-r--r-- | themes/base/jquery.ui.tooltip.css | 1 | ||||
| -rw-r--r-- | 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, |