1257447 - Wrong size of border dashes when using border-radius property

Status: RESOLVED DUPLICATE of bug 382721

(Core :: Layout, defect)

Description

[GibboK]

Attachment: 2016-03-17 09_05_04-Edit fiddle - JSFiddle.png

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36

Steps to reproduce:

Test case:
https://jsfiddle.net/f8g4quv1/

- Create a DIV
- Apply CSS width/height and background-color
- Apply CSS border dashed
- Apply CSS border-radius


Actual results:

Border dashed lines near in the corners have DIFFERENT length that on the sides.
Screenshot attached, it shows issue in Firefox on the left side compare with Chrome 49.0.2623.87 m on the right side.


Expected results:

Border dashed lines near in the corners should have SAME length as other sides (Similarly to Chrome).

Comment 1

[GibboK]

Issue happens with or without applying box-sizing: border-box;

Example:

https://jsfiddle.net/f8g4quv1/2/

Comment 2

[GibboK]

SO related: http://stackoverflow.com/questions/36055372/dashed-border-with-applied-border-radius-have-wrong-length-in-firefox

Comment 3

[Loic]

Attachment: 1257447.html