2053351 - <rt> doesn't compress to contained content when contained inside an explicit-width container

Status: RESOLVED FIXED

(Core :: Layout: Ruby, defect)

Description

[Domenic Denicola]

Attachment: ruby-repro.html

See https://jsbin.com/nuheculeli/edit?html,output or the attached file.

In Firefox, the first paragraph's instance of 肉食獣 is spread out, as if the rt had not had their content compressed. Whereas the second paragraph's is properly compressed.

In Chrome, both cases are properly compressed.

Comment 1

[Xidorn Quan [:xidorn] UTC+10]

The problem here is not really rt not compressed. They are. The problem is the <span> with display: inline-block inherits text-indent and thus their size expands unexpectedly by the indent amount. I'm not sure what is the right approach to handle this. Maybe rt should reset text-indent?

Comment 2

[Xidorn Quan [:xidorn] UTC+10]

I can see that in Chrome, the UA sheet has rt { text-indent: 0; }. It should be pretty easy to add it to our UA sheet as well. Maybe it should be added into the spec as well.

Comment 3

[Xidorn Quan [:xidorn] UTC+10]

Attachment: Bug 2053351 - Reset text-indent for `rt`. r?#layout

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/15464897f2fe
https://hg.mozilla.org/integration/autoland/rev/31e752ab6ab6
Reset text-indent for `rt`. r=layout-reviewers,firefox-style-system-reviewers,dshin

Comment 5

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/61190 for changes under testing/web-platform/tests

Comment 6

[pstanciu]

https://hg.mozilla.org/mozilla-central/rev/31e752ab6ab6

Comment 7

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot