Skip to content

html.elements.rt - Chrome doesn't fully support CSS Ruby Annotation Layout Module Level 1 #22049

@ckiee

Description

@ckiee

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

crbug 27659: Chrome can not render complex ruby text, and maybe WebKit too.

What browsers does this problem apply to, if applicable?

Chromium (Chrome, Edge 79+, Opera, Samsung Internet), Safari

What did you expect to see?

A nuanced listing explaining that Chromium (I think) implements an earlier spec and won't have correct behavior in advanced cases, where the specs presumably diverge.

Did you test this? If so, how?

https://web.archive.org/web/20111201092638/http://www.w3.org/International/tests/tests-html-css/tests-ruby/generate?test=6 passes correctly on Firefox 121 but fails on Chromium 120.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

Chrome/FF comparison screenshot

Do you have anything more you want to share?

Ran into this while working around missing ruby-align support (and a wish for more fine-adjustment) by having a zero-width <rt> with height, and overlapping the text correctly with a relative/absolute/inset combo.

Tailwind follows:

<b class="inline-block relative mt-[-1lh]">
    <ruby class="inline-block z-1 rotate-[0deg]">ale<rt class="text-lg w-0"></rt></ruby><span
            class="inline-block absolute inset-x-0 text-center z-0 text-lime-400"></span>
    <!-- colors are a wip -->
</b>.
firefox blink

I'm not sure if this particular example is correct but I think it should at least fail consistently.

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rt

MDN metadata

MDN page report details
  • Query: html.elements.rt
  • Report started: 2024-01-27T16:43:44.030Z

Metadata

Metadata

Assignees

Labels

data:htmlCompat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions