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

NEW
Unassigned

Status

()

Core
Layout
6 months ago
6 months ago

People

(Reporter: arni2033, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

6 months ago
>>>   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.
(Reporter)

Updated

6 months ago
No longer blocks: 1277113
(Reporter)

Updated

6 months ago
Component: Untriaged → Layout
Product: Firefox → Core
You need to log in before you can comment on or make changes to this bug.