Bug 135383 – Alt texts are rendered horizontally in vertical writing mode

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Takeshi Kurosawa]

Created attachment 235683 [details]
Testcase

Alt texts for missing images are not rendered vertically in vertical writing mode and orientation of text is incorrect.

Expected rendering:
- Alt text: rendered vertically in vertical writing mode
- Japanese characters (fullwidth): glyphs are not rotated
- Latin characters (halfwidth): glyphs are rotated clockwise 90 degrees

Actual rendering:
- Alt text: rendered horizontally in vertical writing mode
- Japanese characters (fullwidth): glyphs are rotated counter-clockwise 90 degrees
- Latin characters (halfwidth): glyphs are not rotated

[Takeshi Kurosawa]

Created attachment 235684 [details]
Screenshot of testcase

The alt text is rendered horizontally and orientation of text is incorrect.

[Ahmad Saleem]

I am able to reproduce this bug in Safari 16.4.1 & WebKit ToT where ALT text is not respecting vertical writing mode.

Chrome Canary 115 and Firefox Nightly 114 works fine.

[zalan]

Created attachment 466256 [details]
[fast-cq]Patch

[zalan]

Sadly the test case won't produce any alt text as it is too long and it covers the broken image icon (shorter text will paint fine).

[EWS]

Committed 263776@main (92a220066f0e): <https://commits.webkit.org/263776@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 466256 [details].

[Radar WebKit Bug Importer]

<rdar://problem/109004347>

[Ahmad Saleem]

(In reply to zalan from comment #4)
> Sadly the test case won't produce any alt text as it is too long and it
> covers the broken image icon (shorter text will paint fine).

Sorry to bump but we have WPT test for long ALT Text here: http://wpt.live/html/rendering/replaced-elements/attributes-for-embedded-content-and-images/input-image-inline-alt.html

Which we are failing even after this patch on WebKit ToT. Just highlighting something you mentioned. Happy to create new bug to track this failure.

[zalan]

(In reply to Ahmad Saleem from comment #7)
> (In reply to zalan from comment #4)
> > Sadly the test case won't produce any alt text as it is too long and it
> > covers the broken image icon (shorter text will paint fine).
> 
> Sorry to bump but we have WPT test for long ALT Text here:
> http://wpt.live/html/rendering/replaced-elements/attributes-for-embedded-
> content-and-images/input-image-inline-alt.html
> 
> Which we are failing even after this patch on WebKit ToT. Just highlighting
> something you mentioned. Happy to create new bug to track this failure.
please do. This bug was about vertical text.