Chrome 64 uses "text-decoration-skip-ink: auto" by default

[AlekseyMartynov]

https://www.chromestatus.com/feature/5631679087509504

Looks like this:

If #693 is approved then nothing needs to be changed.
Otherwise text-decoration-skip-ink: none can be added to remove the skips.

[necolas]

#693 was merged. Thanks

[missmatsuko]

I would actually have preferred to set the default text-decoration-skip-ink style on links as 'none' for a couple reasons:

1. Leaving it up to the browser results in a number of different skip behaviours across all modern browsers, which I think defeats the purpose of using normalize.

Edge, IE, and Firefox won't have any gaps. Chrome uses 'ink' and has gaps on descenders. Safari uses 'skip' and has gaps, but I'm not sure if the behaviour is the same as 'ink' on Chrome.

2. Skipping text decoration on descenders (as Chrome now does by default) can make a single text link look like multiple text links. I think text-decoration-skip can be a nice typographic treatment for non-interactive text, but I don't think it should be applied by default to all links.

[natewind]

Agreed. Especially since there is already a way to make link underlines look pretty — by using border-bottom:

[tomasz1986]

Agreed. Especially since there is already a way to make link underlines look pretty — by using border-bottom:

border-bottom breaks if a link spans over multiple lines though (i.e only the very bottom line has a border).

[missmatsuko]

@tomasz1986 That's not true for inline elements (like anchors are by default).

This post has some examples of ways to style "underlines":
https://css-tricks.com/styling-underlines-web/

[tomasz1986]

That's not true for inline elements (like anchors are by default).

I stand corrected. I got confused when trying to use border-bottom on anchors set to inline-block and did not re-test it with default CSS properties.