#15299 closed defect (fixed)
Tooltip: unnecessarily splits text to two lines (IE9)
| Reported by: | skamaraj | Owned by: | bill |
|---|---|---|---|
| Priority: | undecided | Milestone: | 1.8.7 |
| Component: | Dijit | Version: | 1.7.2 |
| Keywords: | Cc: | ||
| Blocked By: | Blocking: |
Description
dijit tool tips look different in IE9. IE seems to wrap the title to new line when it is unexpected.
Following link shows the problem
Notice that chrome and IE do not behave in the same way. The Tooltip's domGeometry.getContentBox(this.domNode) does not return the size consistently across the browsers.
Attachments (3)
Change History (12)
comment:1 Changed 8 years ago by
| Milestone: | tbd → 1.8 |
|---|---|
| Owner: | set to bill |
| Status: | new → assigned |
| Summary: | Tool tips look different on IE9 → Tooltip: unnecessarily splits text to two lines (IE9) |
comment:2 Changed 8 years ago by
Changed 8 years ago by
| Attachment: | tooltipSize.patch added |
|---|
avoid IE bug by not setting width unless absolutely necessary; but this breaks tooltip placement when viewport scrolled to the right
Changed 7 years ago by
| Attachment: | 28532_17.patch added |
|---|
Backport to 1.7, but regresses test_Tooltip.
comment:4 Changed 7 years ago by
I tried to backport this change to 1.6/1.7 but am encountering difficulties. The attached patch fixes the attached tooltip.html test case. However, in our dijit test_Tooltip, if you move your mouse over the tooltip on the far right, it takes up even more lines instead of less (it should take 2, takes 3 right now, takes like 5 with the patch).
I noticed a lot of the sizing logic had changed since 1.7 to the extent that the context lines in the diff didn't match; I was wondering if there are any additional changes required for this to work.
comment:5 Changed 7 years ago by
Hmm, yeah I'm not sure. There was a bunch of code that went in at some point to position the arrow connector directly to where the anchor node is. Theoretically unrelated.
This isn't a critical bug to backport since it's just a rendering glitch, although customers may still scream about it.
comment:9 Changed 6 years ago by
| Milestone: | 1.8 → 1.8.7 |
|---|
This is caused by an IE9 bug which I filed at http://answers.microsoft.com/en-us/ie/forum/ie9-windows_7/setting-divwidth-to-offsetwidth-causes-word-wrap/e3024e81-21ce-43b5-b08a-0cc0358654d6, although it's doubtful I'll get a useful response.
One solution is to not set the Tooltip's width except when necessary to keep it from overflowing the screen. However, that causes other problems when the viewport has a horizontal scrollbar, and it's scrolled to the right, and the tooltip is over a node on the right: both IE and FF will truncate the width of the node as though the viewport were scrolled all the way to the left. (This is tested in Tooltip-placement.html, although it's debatable whether we need to support that case.)