Closed
Bug 1094480
Opened 11 years ago
Closed 11 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)
Core
Layout: Block and Inline
Tracking
()
VERIFIED
FIXED
mozilla36
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
––
Reporter | ||
Comment 1•11 years ago
|
||
Is this Mac-only?
Reporter | ||
Comment 3•11 years ago
|
||
(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.
![]() |
||
Comment 4•11 years ago
|
||
[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.
tracking-firefox36:
--- → ?
Keywords: regression,
regressionwindow-wanted
![]() |
||
Comment 5•11 years ago
|
||
The patch for bug 1094063 changes behavior here, but the result is still wrong...
Depends on: 1094063
![]() |
||
Comment 6•11 years ago
|
||
Regression range on nightlies: http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=da125623d9cb&tochange=5dde8ea48fef
I'm guessing this is also a regression from bug 1091787.
Blocks: 1091787
Keywords: regressionwindow-wanted
![]() |
||
Updated•11 years ago
|
Flags: needinfo?(jwatt)
![]() |
Assignee | |
Updated•11 years ago
|
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
Updated•11 years ago
|
![]() |
Assignee | |
Comment 7•11 years ago
|
||
Put the fill rule back to it's previous value.
Attachment #8518356 -
Flags: review?(matt.woodrow)
Updated•11 years ago
|
Attachment #8518356 -
Flags: review?(matt.woodrow) → review+
![]() |
Assignee | |
Comment 8•11 years ago
|
||
Comment on attachment 8518356 [details] [diff] [review]
patch
https://hg.mozilla.org/integration/mozilla-inbound/rev/9192c3c0d10d
Attachment #8518356 -
Flags: checkin+
![]() |
Assignee | |
Updated•11 years ago
|
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
Comment 9•11 years ago
|
||
Status: NEW → RESOLVED
Closed: 11 years ago
status-firefox36:
--- → fixed
Resolution: --- → FIXED
Target Milestone: --- → mozilla36
![]() |
Assignee | |
Comment 10•11 years ago
|
||
cvan: Thanks for filing with a reduced testcase.
Updated•11 years ago
|
QA Whiteboard: [good first verify]
Comment 11•11 years ago
|
||
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.
Description
•