Bug 278469 - `ruby` test case is not working similar to other web browsers
Summary: `ruby` test case is not working similar to other web browsers
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: https://www.ghibli.jp/shuppan/np/013521/
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2024-08-21 10:18 PDT by Ahmad Saleem
Modified: 2024-08-27 17:52 PDT (History)
7 users (show)

See Also:


Attachments
WebKit ToT (282561@main) vs Other browsers (250.28 KB, image/png)
2024-08-21 10:18 PDT, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Ahmad Saleem 2024-08-21 10:18:52 PDT
Created attachment 472257 [details]
WebKit ToT (282561@main) vs Other browsers

Hi Team,

While going through Webcompat bugs, I noticed a test where our current behavior is not aligned with other browsers.

Test Case: data:text/html,<!doctype html><title>ruby</title><meta charset='utf-8'><p>%E5%90%8D%E5%89%8D%E3%81%AE%E3%81%AA%E3%81%84<ruby style="display:inline">%E4%BA%8B%E4%BB%B6<rt>%EF%BE%94%EF%BE%8F</rt></ruby></p>

^ Thanks to @Karl for test case. :-) WebKit ToT behaves same as Safari 18 Beta

Web Compat Link - https://webcompat.com/issues/96604

In past, we were matching with Firefox but now it seems both Firefox and Chrome are matching, while we are outlier.

Just raising so we can track and eventually fix it.

Thanks!
Comment 1 Radar WebKit Bug Importer 2024-08-21 22:29:51 PDT
<rdar://problem/134471198>
Comment 2 Karl Dubost 2024-08-21 22:34:20 PDT
This is also a real webcompat issue. 
https://www.ghibli.jp/shuppan/np/013521/
Comment 3 zalan 2024-08-27 16:41:30 PDT
This makes <ruby> not ruby anymore.
Comment 4 Karl Dubost 2024-08-27 17:52:21 PDT
The code right now on the site is 

```
<dd> シャーロック・ホームズ全事件(いしいひさいち)<br> 名前のない<ruby>事件<rt>ヤマ</rt></ruby>~CASE WITH NO NAME~</dd>
```

The code for testing:

data:text/html,<!doctype html><title>ruby</title><meta charset='utf-8'><p>名前のない<ruby style="display:inline">事件<rt>ヤマ</rt></ruby></p>

On Safari, the characters ヤマ disappear 
On Chrome and Firefox, they are put after 事件

Without display: inline, the normal ruby layout is on all browsers, aka

ヤ マ
事件