NEW248777
Baseline alignment with inline <table> is broken when margin-top is applied 
https://bugs.webkit.org/show_bug.cgi?id=248777
Summary Baseline alignment with inline <table> is broken when margin-top is applied
Ahmad Saleem
Reported 2022-12-05 13:31:45 PST
Hi Team, While going through Blink's commit, I came across another one below: Blink Commit - https://src.chromium.org/viewvc/blink?view=revision&revision=165514 But rather than merging it, I just want to highlight that all browsers (Safari 16.1, Chrome Canary 110 and Firefox Nightly 109) differ from each other in this. Differ in Each Browser - https://jsfiddle.net/p76ko893/show Just wanted to raise this bug so it can be tracked. Thanks!
Attachments
rendering in safari, firefox, chrome (159.94 KB, image/png)
2022-12-05 19:14 PST, Karl Dubost 		no flags
Details
rendering in safari, firefox, chrome (246.02 KB, image/png)
2023-01-09 18:07 PST, Karl Dubost 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2022-12-05 19:14:31 PST
Created attachment 463905 [details] rendering in safari, firefox, chrome Chrome and Safari currently behave the same. Firefox behaves differently for the rotated text.
Karl Dubost
Comment 2 2022-12-05 19:17:20 PST
oopsie, indeed 3 different in the window is tall enough. :)
Radar WebKit Bug Importer
Comment 3 2022-12-12 13:32:18 PST
<rdar://problem/103267754>
Karl Dubost
Comment 4 2023-01-09 18:07:53 PST
Created attachment 464436 [details] rendering in safari, firefox, chrome
Karl Dubost
Comment 5 2023-01-09 18:10:22 PST
Tested on macOS 13.3 --- Safari Technology Preview 16.4 18615.1.14.3 Firefox Nightly 110.0a1 11023.1.5 Google Chrome Canary 111.0.5529.0 5529.0 I get a pretty similar rendering in Chrome and Safari compared to Firefox. Not sure which one is the most correct.
Note You need to log in before you can comment on or make changes to this bug.