975410 - CSS tr selector breaks border-radius

Status: RESOLVED DUPLICATE of bug 921341

(Core :: CSS Parsing and Computation, defect)

Description

[junk]

Attachment: HTML the reproduces the problem

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

[Ashish Panchal]

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

[Ashish Panchal]

Attachment: Rounded corners for table cells

Code to get rounded corners of table cells

Comment 3

[Manuela Muntean [Away]]

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.