Bug 247113 - [Ruby] vertical-align for <img> is wrong when <!DOCTYPE html> is present
Summary: [Ruby] vertical-align for <img> is wrong when <!DOCTYPE html> is present
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 16
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-10-26 22:48 PDT by skoji
Modified: 2023-12-18 11:37 PST (History)
7 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.