Opened 5 years ago
Last modified 3 years ago
#18791 new defect
Horizontal tooltip has anti-aliasing artifact
| Reported by: | Neil Roberts | Owned by: | bill |
|---|---|---|---|
| Priority: | high | Milestone: | 1.14 |
| Component: | Dijit | Version: | 1.10.4 |
| Keywords: | tooltip | Cc: | |
| Blocked By: | Blocking: |
Description
Problem on high-resolution screens, retina displays, and with Windows system scaling enabled. Issue can be seen in the theme tester. The issue appears to be an artifact left by anti-aliasing on the node with a border. Attached is an image showing this artifact.
Attachments (1)
Change History (4)
Changed 5 years ago by
| Attachment: | Image 2016-02-03 at 12.46.36 PM.png added |
|---|
comment:1 Changed 4 years ago by
| Milestone: | tbd → 1.13 |
|---|
comment:2 Changed 4 years ago by
comment:3 Changed 3 years ago by
| Milestone: | 1.13 → 1.14 |
|---|
Note: See
TracTickets for help on using
tickets.
We should probably stop using an image for the connector and just use fancy CSS to get a triangle. I did that for deliteful's Tooltip, see in particular https://github.com/ibm-js/deliteful/blob/master/Tooltip/themes/bootstrap/Tooltip.less.
Unfortunately though that still gets an anti-aliasing effect on Windows. Works fine on Mac. An alternate approach is to use SVG. Don't know if that would look better on Windows or not.