Bug 278469

Summary: `ruby` test case is not working similar to other web browsers
Product: WebKit Reporter: Ahmad Saleem <ahmad.saleem792>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, fantasai.bugs, karlcow, simon.fraser, vitor.roriz, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: https://www.ghibli.jp/shuppan/np/013521/
Attachments:
Description Flags
WebKit ToT (282561@main) vs Other browsers none

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

ﾔ ﾏ
事件