Bug 270027 - Top-align table cells in rows that cross fragmentainer boundaries
Summary: Top-align table cells in rows that cross fragmentainer boundaries
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Tables (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2024-02-23 16:47 PST by Ahmad Saleem
Modified: 2024-03-17 19:35 PDT (History)
3 users (show)

See Also:

Attachments
rendering in safari, firefox, chrome (471.95 KB, image/png)
2024-03-17 19:25 PDT, Karl Dubost 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Ahmad Saleem 2024-02-23 16:47:46 PST 
Hi Team,

While going through Blink's commit, I came across another failing test case:

Test Case: https://jsfiddle.net/e1bg5z3d/

^ Fails in Safari Technology Preview 189 and Firefox Nightly 125 (differently).

Blink Commit - https://chromium.googlesource.com/chromium/src.git/+/c2025efb0537e16c304c37b1df4d687ec698cd68

Just wanted to raise so we can track it. Since all browsers are different, so would like to get input as well for desired behavior.

Thanks!
Comment 1 Radar WebKit Bug Importer 2024-03-01 16:48:22 PST 
<rdar://problem/123927362>
Comment 2 Karl Dubost 2024-03-17 19:25:46 PDT 
Created attachment 470410 [details]
rendering in safari, firefox, chrome

Adding a bit of colors to figure out what is happening. :) 
Indeed 3 different behaviors for this table nested inside a div with 3 columns.
Comment 3 Karl Dubost 2024-03-17 19:26:44 PDT 
I just added to the style.

table, tr, td {
    border: 1px solid gold;
}

div {border: 1px solid green;}

I'm not sure what is the correct behavior here.
Comment 4 Karl Dubost 2024-03-17 19:35:56 PDT 
To note that there are a number of issues with block fragmentation and columns.