RESOLVED FIXED280999
Table rows with background/border not rendering correctly when cells are different heights 
https://bugs.webkit.org/show_bug.cgi?id=280999
Summary Table rows with background/border not rendering correctly when cells are diff...
Darin Senneff
Reported 2024-10-07 14:01:43 PDT
Created attachment 472846 [details] Screenshot of table with incorrectly rendered row styling. When a table row (<tr>) which has background and border styles also has children that are not of equal height, the row's background and border is rendered incorrectly. If you open devtools and toggle the <tr>'s background and border styles off and then on a few times, that often fixes the rendering issue. Only experiencing this on iPad 18 Safari, not experiencing this on MacOS Safari 18. Also am not experiencing this in Chrome or Firefox on MacOS. Demo page link: https://cdpn.io/pen/debug/vYjbQYm/91d48ea673dcb4fd7c09e43be2b83384 See attached screenshot from iPadOS 18 Safari.
Attachments
Screenshot of table with incorrectly rendered row styling. (621.31 KB, image/jpeg)
2024-10-07 14:01 PDT, Darin Senneff 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-10-14 14:02:15 PDT
<rdar://problem/137903348>
Darin Senneff
Comment 2 2024-11-05 12:26:05 PST
Looks like the iOS 18.2 beta has fixed this, as I'm not experiencing the issue anymore. I assume the following excerpt from the iOS 18.2 beta release notes is what solved the issue: "Fixed backgrounds applied to a table row repeating in every table cell. (11446455)"
Darin Senneff
Comment 3 2024-12-20 09:59:34 PST
Confirming that I'm not experiencing the issue with the release of iOS 18.2.
Note You need to log in before you can comment on or make changes to this bug.