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

Description skoji 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.
Comment 1 Karl Dubost 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
Comment 2 Radar WebKit Bug Importer 2022-11-02 22:49:40 PDT
<rdar://problem/101896509>
Comment 3 Ahmad Saleem 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.
Comment 4 zalan 2023-12-18 11:37:26 PST
hah, first documented css-ruby progression. nice.