Closed Bug 1094480 Opened 5 years ago Closed 5 years ago

CSS borders are broken if only some of the corners have a border-radius and the border-radius is greater than the sum of the border-radius and the width/height of the element's content area

Categories

(Core :: Layout: Block and Inline, defect)

defect
Not set

Tracking

()

VERIFIED FIXED
mozilla36
Tracking Status
firefox36 + verified

People

(Reporter: cvan, Assigned: jwatt)

References

()

Details

(Keywords: regression)

Attachments

(2 files)

For some reason, mixing `border-radius` with a `border` seems to cause an odd layout effect now.

––

Test case:
http://jsbin.com/kevehi/8

Or load this in your browser:
data:text/html,<style>body { border: 15px solid darkcyan; border-radius: 0 30px 30px 0; height: 100px; width: 0; }</style>

––

Reproducible in Firefox 36.0a1 (2014-11-05) on Mac OS X 10.9.5

Not reproducible in Firefox 34.0 and lower on Mac OS X 10.9.5
Not reproducible in Firefox 33.0 and lower on Ubuntu 12.04
Not reproducible in Firefox 33.0 and lower on Windows 7

Not reproducible in Safari Version 7.1 (9537.85.10.17.1) nor Chrome Version 38.0.2125.111 on Mac OS X 10.9.5

––
Blocks: 1094232
(In reply to David Baron [:dbaron] (UTC-8) (needinfo? for questions) from comment #2)
> Is this Mac-only?

It was first discovered in Firefox 36 on Windows 7 (in bug 1094232 comment 0).

ATM, I don't have access to a Windows device with Firefox 36.
[Tracking Requested - why for this release]:

This is a recent regression.  I see it in a tip-ish build, but not a 2014-10-30 nightly.
The patch for bug 1094063 changes behavior here, but the result is still wrong...
Depends on: 1094063
Flags: needinfo?(jwatt)
Assignee: nobody → jwatt
Flags: needinfo?(jwatt)
Summary: `border-radius` appears broken when used with `border` → CSS borders are broken if only some of the corners have a border-radius and the border-radius is greater than the width/height of the element
Attached patch patchSplinter Review
Put the fill rule back to it's previous value.
Attachment #8518356 - Flags: review?(matt.woodrow)
Attachment #8518356 - Flags: review?(matt.woodrow) → review+
Summary: CSS borders are broken if only some of the corners have a border-radius and the border-radius is greater than the width/height of the element → CSS borders are broken if only some of the corners have a border-radius and the border-radius is greater than the sum of the border-radius and the width/height of the element's content area
No longer depends on: 1094063
https://hg.mozilla.org/mozilla-central/rev/9192c3c0d10d
Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla36
cvan: Thanks for filing with a reduced testcase.
QA Whiteboard: [good first verify]
Reproduced the issue on Firefox 36 Nightly (build id: 20141105030203) on Ubuntu 12.04, Mac OS X 10.8 and Windows 7 x64, verified as fixed on Firefox 36 Beta 7 (build id: 20150205114429) under Ubuntu 12.04 64 bit, Mac OS X 10.8 and Windows 7 x64
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.