1844644 - border-radius styles don't render for tr elements

Status: UNCONFIRMED

(Core :: Web Painting, defect)

Description

[Garrett]

Attachment: bug-no-border-radius.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Steps to reproduce:

place a background color on a tr element in a table and add 20px of border radius. Add a hover background color change and you will see the tr elements don't display the border-radius style. (note: may have to change the background of the tr to a different color than default background of the page).

Actual results:

Box displays styles ignoring the border-radius styles applied.

Expected results:

Border-radius should be displayed and show as they set 20px border radius.

Comment 1

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: WebRender' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Timothy Nikkel (:tnikkel)]

Can you provide a testcase?

Comment 3

[Garrett]

Here is a codepen where chrome shows expected behavior and firefox doesn't display border-radius: https://codepen.io/garrettmasters/pen/VwVdqgz

Comment 4

[Timothy Nikkel (:tnikkel)]

Attachment: trbr.html

Simplified the testcase from codepen a little.

Comment 5

[Albert]

I noticed this bug when I tried to add a border radius to the hover effect of a table row.
In this stackoverflow: https://stackoverflow.com/a/38433042 they present a "working solution" and the accepted answer clearly is not working. When testing in Chrome it was working.
I also tried setting the boder-collapse to seperate, but that didn't change anything.