Closed Bug 947833 Opened 11 years ago Closed 11 years ago

Border style is rendered NOT correctly when dotted and border-radius set

Categories

(Core :: Layout, defect)

25 Branch
x86_64
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 382721

People

(Reporter: chenzx, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: DUPEME?)

Attachments

(1 file)

Attached file index.html (deleted) —
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36 Steps to reproduce: <body> <style> div{ width:400px; height:200px; border: 10px dotted blue; border-radius: 11px; } </style> <div /> </body> Actual results: The "Dot" is rendered as a circle, but it should be square. Expected results: The "Dot" is rendered as a circle, but it should be square.
Summary: Border style is rendered NOT correctly when dotted and "border-radius > border-width" → Border style is rendered NOT correctly when dotted and border-radius set
We are developing based on QtWebKit, we have 3 main platform to compare: 1, Qt-4.8 -5.0 WebKit 2, Chrome 31 3, Firefox 25 So, the basic conclusions are: 1, QtWebKit can NOT render ```dotted``` border when border-radius is larger than border-width; 2, Chrome 31 seems to render perfectly good 3, Firefox 25 can render ```dotted``` style no matter the widths of border-radius and border-width, but the corner case is NOT very correct, and the border dot is circle(should be square)
Component: Untriaged → Layout
Product: Firefox → Core
Maybe a dupe.
Whiteboard: DUPEME?
Status: UNCONFIRMED → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: