Bug 280999

Summary:

Table rows with background/border not rendering correctly when cells are different heights

Product:

WebKit

Reporter:

Darin Senneff <darin.senneff>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 18

Hardware:

iPhone / iPad

OS:

iOS 18

Attachments:

Description	Flags
Screenshot of table with incorrectly rendered row styling.	none

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.