1327811 - Border style dotted: dots with specific styling are clipped in a strange way

Status: NEW

(Core :: Layout, defect, P3)

Description

[arni2033]

>>>   My Info:   Win7_64, Nightly 50, 32bit, ID 20160714030208 (2016-07-14)
STR_1:
1. Open url [1]
2. Observe cases 1, 3, 5

AR:  The first and the last circles in the top row are half blue, and half transparent
ER:  Something better, e.g. X or Y
 X) Half of the first and the last circles should be blue, another half should be red
 Y) Something more smart, please. They shouldn't be clipped like that

> [1] data:text/html,<style>div{border-width:20px; width:100px; border-style:dotted; border-top-color:blue; border-bottom-color:black; border-left-color:red; border-right-color:red;</style>div{ border-width:20px; }<br><br><br><br>1. border-bottom:none;<br><div style="border-bottom:none;"></div><br><br>2. border-bottom-width:0px;<br><div style="border-bottom-width:0px;"></div><br><br>3. bottom-border-width < 20px<br><div style="border-bottom-width:19px;"></div><br><br>4. bottom-border-width = 20px<br><div style="border-bottom-width:20px;"></div><br><br>5. bottom-border-width > 20px<br><div style="border-bottom-width:21px;"></div>

Note:
 This is marked as blocking bug 382721, because mechanism of clipping circles in the middle
 was introduced in that bug. I have no idea if this behavior is according to the plan.