Closed
Bug 975410
Opened 11 years ago
Closed 11 years ago
CSS tr selector breaks border-radius
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 921341
People
(Reporter: junk, Unassigned)
Details
Attachments
(2 files)
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release)
Build ID: 20140218135856
Steps to reproduce:
Load attached HTML into firefox.
Note: I put two commented out style rules into the HTML. These rules work as expected. They highlight that there appears to be some CSS parsing problem. This is just a simple demonstration. I could not find a workaround for my actual problem where I use jquery-ui styles in combination with custom styles.
Actual results:
Table cell corners are sharp.
Expected results:
Table cell corners should be rounded.
Comment 1•11 years ago
|
||
Comment on attachment 8379722 [details]
HTML the reproduces the problem
Here in
tr, td {
border-radius: 10px;
background-color: red;
}
It is unable to set rounded corner of tr but it can set rounded corner for td tag but in mozilla, as per code both are having same background color which is hiding rounded corners of td.
In commented codes you are doing right thing, you are not setting any background color for tr thats why it is showing rounded corners for those codes.
Comment 2•11 years ago
|
||
Code to get rounded corners of table cells
Comment 3•11 years ago
|
||
I can reproduce this issue with latest Nightly on Ubuntu 13.10 32-bit: using https://bugzilla.mozilla.org/attachment.cgi?id=8379722 I can see that table cell corners are sharp.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Updated•11 years ago
|
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Updated•11 years ago
|
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•