New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 805127 link

Starred by 4 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Dashed underline is thicker and dimmer

Reported by tristanb...@gmail.com, Jan 23 2018

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Steps to reproduce the problem:
Apply "text-decoration-style: dashed;" to an element with an underline that would normally be drawn 1px tall.

What is the expected behavior?
The dashed underline is 1px tall and the same color as the text.

What went wrong?
The dashed underline is 2px tall and dimmer than the text.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 63.0.3239.132  Channel: stable
OS Version: OS X 10.13.2
Flash Version: 

Seems that this is the result of not snapping the underline Y coordinate to a whole pixel value. For evidence that snapping is the "right" behavior I present that it's done for solid underlines, it's done in all other browsers, and it looks better.
 
bug.html
371 bytes View Download

Comment 1 by ajha@chromium.org, Jan 24 2018

Labels: Needs-Triage-M63
Cc: susanjun...@techmahindra.com
Labels: Triaged-ET M-66 FoundIn-66 Target-66 OS-Linux OS-Windows
Status: Untriaged (was: Unconfirmed)
tristanberger@ Thanks for the issue

Able to reproduce this issue on Mac OS 10.12.6, Windows 10 and Ubuntu 14.04 on the latest Canary 66.0.3330.0 and Stable 63.0.3239.132.
On navigating to the given html file on Chrome, can observe that dashed underline is thicker and dimmer than the text.

The same behavior is observed from M60 chrome builds. Hence this is a Non-Regression issue and marking this as Untriaged for further updates from Dev.

Thanks..
Components: -Blink>CSS Blink>Paint
Status: Unconfirmed (was: Untriaged)
It looks like this is antialiasing. Also - on a Retina display, the line will correctly be 2 pixels tall. Assigning to Paint team to triage.
Labels: Hotlist-GoodFirstBug
Owner: schenney@chromium.org
Status: Assigned (was: Unconfirmed)
On my Linux display at 100% it just looks horrible, like missing pixels.
 Issue 807343  has been merged into this issue.

Sign in to add a comment