RESOLVED CONFIGURATION CHANGED 73532
display:table-cell with border-radius makes parent with display:table-row rounded
https://bugs.webkit.org/show_bug.cgi?id=73532
Summary display:table-cell with border-radius makes parent with display:table-row rou...
Yao Wei
Reported 2011-11-30 23:57:36 PST
Overview: The table-row in its parent should not be rounded while its table-cell child is set with border-radius. Steps to Reproduce: 1. Open the example in the attachment of this bug. Actual Results: The green box is rounded, no red area on the corners. Expected Results: The green box is rounded, while the read area is on the corners. Firefox 8.0 renders it correctly.
Attachments
the test case of this bug (459 bytes, text/html)
2011-11-30 23:58 PST, Yao Wei
no flags
Safari 15.6 matches with Chrome but differs from Firefox (1.02 MB, image/png)
2022-08-15 15:30 PDT, Ahmad Saleem
no flags
Yao Wei
Comment 1 2011-11-30 23:58:13 PST
Created attachment 117357 [details] the test case of this bug
Yao Wei
Comment 2 2011-12-01 18:35:10 PST
Sorry, but I've notified that there is no definition using border-radius on inner table elements. http://dev.w3.org/csswg/css3-background/#the-border-radius (but “CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.”) Please help me revoke this bug. Thanks.
Julien Chaffraix
Comment 3 2011-12-01 18:43:54 PST
> (but “CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.”) The initial value for border-collapse is separate so your test case has undefined behavior. > Please help me revoke this bug. Thanks. Before doing that, did you see any website affected by this different behavior? (FF has a different behavior that we do which opens the door for inter-operability issues)
Ahmad Saleem
Comment 4 2022-08-15 15:30:15 PDT
Created attachment 461647 [details] Safari 15.6 matches with Chrome but differs from Firefox I am not able to reproduce this bug to match actual results when this was reported in Safari 15.6 on macOS 12.5 using attached test case and now it shows "Green" with rounder corner without any red on the corners. Although, it seems Firefox has regressed this since it was not the issue in Firefox 8 but it is in 105. Since it is Firefox issue and now we are working fine. I am going to mark this as "RESOLVED CONFIGURATION CHANGED", please reopen if you think that the latest Firefox behavior is something aligned with web-spec and we should follow it. Thanks!
Note You need to log in before you can comment on or make changes to this bug.