UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.119 Safari/537.36

Steps to reproduce the problem:
See the following Codepen:
https://codepen.io/anon/pen/yvyjRa

---------------------------------------------

To reproduce, create a webpage with a link, e.g.:

<a href="#">Lorem ipsum dolor sit amet</a>

And the following CSS:

a {
  text-decoration-skip-ink: auto;
  text-decoration: underline;
  text-decoration-style: dotted;
  font-size: 18px;
  font-family: 'Times New Roman';
}

---------------------------------------------

What is the expected behavior?
Expected behaviour: The default behaviour should be exactly the same as when "text-decoration-style" is set to "solid". That is, we should observe a nice single line with occasional gaps when there are descender characters in the way (e.g. 'y', 'g').

What went wrong?
Resulting behaviour: What we observe instead is that the dotted underlines breaks apart near most characters, including ones without descenders (e.g. 'a', 'c', 'o', 'd').

Did this work before? N/A 

Chrome version: 64.0.3282.119  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 28.0 r0

This is especially noticeable in recent builds because `text-decoration-skip-ink: auto;` is now enabled by default. I consider this a bug with the dotted underline (it's size?) because it's not expected behaviour.
 

Deleted: codepend-screenshot.png 52.2 KB

	codepend-screenshot.png 52.2 KB View Download