Opened 4 years ago

Last modified 2 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)

Image 2016-02-03 at 12.46.36 PM.png (23.5 KB) - added by Neil Roberts 4 years ago.

Download all attachments as: .zip

Change History (4)

Changed 4 years ago by Neil Roberts

comment:1 Changed 3 years ago by dylan

Milestone: tbd1.13

comment:2 Changed 3 years ago by bill

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.

comment:3 Changed 2 years ago by dylan

Milestone: 1.131.14
Note: See TracTickets for help on using tickets.