UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36
Example URL:
https://jsbin.com/punoga
Steps to reproduce the problem:
1. Add a 1px border to any element, with a `border-style` of `dashed` or `dotted`
2. Add a `border-radius` value of anything greater than 1px
What is the expected behavior?
Border width should not be affected by border radius.
What went wrong?
The border appears as half the width it should be. This can be verified by magnifying the border on a high-dpi screen. On my MacBook Pro retina screen, the correct 1px border is 2 points wide, but the incorrect border is only 1 point wide. On a non-retina screen, the incorrect border appears as the same width but in a lighter colour.
A screenshot from my retina screen is at https://monosnap.com/file/FC543qyAVlq3kszpCU4kddITGnt6Ct.png
Does it occur on multiple sites: Yes
Is it a problem with a plugin? No
Did this work before? Yes 58.0.3029.81
Does this work in other browsers? Yes
Chrome version: 60.0.3112.113 Channel: stable
OS Version: OS X 10.12.6
Flash Version:
From what I can tell, this only happens in the following circumstances:
1. `border-style` is either `dashed` or `dotted` — any other style renders correctly.
2. `border-width` is `1px` — anything larger than 1px renders correctly.
3. `border-radius` is *larger* than `1px` — a `border-radius` value of `0` or `1px` renders correctly, but anything `2px` or larger shows the bug.
It happens on Windows and Mac. I've tested the following Chrome versions:
* 58.0.3029.81 (Windows) — no bug, works correctly.
* 59.0.3071.86 (Mac) — bug occurs.
* 60.0.3112.113 (Mac) — bug occurs.
* 61.0.3163.100 (Windows) — bug occurs.
* 63.0.3223.8 (Mac, canary build) — bug occurs.
Comment 1 by e...@chromium.org
, Sep 27 2017Labels: Needs-Bisect