Bug 247113

Summary: [Ruby] vertical-align for <img> is wrong when <!DOCTYPE html> is present
Product: WebKit Reporter: skoji
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, bfulgham, karlcow, koivisto, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 16   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
wrong case with <!DOCTYPE html>
none
rendering in safari, firefox, chrome none

skoji
Reported 2022-10-26 22:48:30 PDT
Created attachment 463269 [details] wrong case with <!DOCTYPE html> vertical-align: baseline for img seems wrong when <!DOCTYPE html> is present on Safari 16 or after. The image is lower (or too left in case of writing-mode is vertical-rl) than texts on the same line. When you remove <!DOCTYPE html> tag, the rendering result seems correct.
Attachments
wrong case with <!DOCTYPE html> (549 bytes, text/html)
2022-10-26 22:48 PDT, skoji 		no flags
Details
rendering in safari, firefox, chrome (110.49 KB, image/png)
2022-10-27 20:10 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2022-10-27 20:10:50 PDT
Created attachment 463288 [details] rendering in safari, firefox, chrome hmm… Safari Technology Preview 156 (16.4) 18615.1.10 Firefox Nightly 108.0a1 10822.10.27 Google Chrome Canary 109.0.5385.0 5385.0 Safari too much on the left Firefox centered. Chrome too much on the right
Radar WebKit Bug Importer
Comment 2 2022-11-02 22:49:40 PDT
<rdar://problem/101896509>
Ahmad Saleem
Comment 3 2023-12-18 10:58:21 PST
WebKit ToT (272219@main) seems to be now matching Firefox Nightly 122. I think Antti & Alan are working on CSS-Ruby, which might have progressed it.
zalan
Comment 4 2023-12-18 11:37:26 PST
hah, first documented css-ruby progression. nice.
Note You need to log in before you can comment on or make changes to this bug.