1641139 - Absolutely-positioned element in <ruby> is not shown

Status: RESOLVED FIXED

(Core :: Layout: Ruby, defect)

Description

[Karl Dubost💡 :karlcow]

Attachment: chrome left, firefox right

following the bug report on https://webcompat.com/issues/53076

And this test:

<div>
  <ruby data-ruby="しぶ">澁<rt>しぶ</rt></ruby>
</div>

    div {
      padding: 5em;
    }

    [data-ruby] {
      position: relative;
    }

    [data-ruby]::before {
      content: attr(data-ruby);
      position: absolute;
      top: -1em;
      left: 0px;
      right: 0px;
      margin: auto;
      font-size: 0.5em;
      text-align: center;
      background-color: gold;
    }

    rt {
      display: none;
    }

as we can see in the screenshot. Chrome displays the characters but not firefox.

Comment 1

[Karl Dubost💡 :karlcow]

Test case available at https://codepen.io/webcompat/pen/yLYWoNB

Comment 2

[Emilio Cobos Álvarez (:emilio)]

Attachment: Testcase.

Comment 3

[Emilio Cobos Álvarez (:emilio)]

::before creates a regular inline box inside the <ruby> box, so it's basically equivalent to using a <span> instead of a ::before pseudo-element, which doesn't show up either.

Xidorn do you know if this is supposed to work per spec?

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Err, see above :)

Comment 5

[Xidorn Quan [:xidorn] UTC+10]

That's a very interesting case... I totally have no idea what the site get from doing this :/

Anyway, I don't see why it shouldn't be displayed. I'll have a look this weekend.

Comment 6

[Erik Nordin [:nordzilla]]

Given that this is confirmed and assigned, I am going to give this an S3 severity.

Comment 7

[Xidorn Quan [:xidorn] UTC+10]

Attachment: Bug 1641139 - Reflow absolute frames in ruby container and ruby base container. r?dholbert

Comment 8

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/6bb6a5cdc941
Reflow absolute frames in ruby container and ruby base container. r=dholbert

Comment 9

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

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

Comment 10

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

Upstream web-platform-tests status checks passed, PR will merge once commit reaches central.

Comment 11

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

Upstream PR was closed without merging

Comment 12

[Atila Butkovits]

Backed out for causing failures at abs-in-ruby-base-container.html

Backout link: https://hg.mozilla.org/integration/autoland/rev/fb5f607b3f90aa0d69d97c456ebc57638b05fca4

Push with failures: https://treeherder.mozilla.org/#/jobs?repo=autoland&revision=6bb6a5cdc941eaa15c0e36dcaf8e4ad8509d4e90&selectedTaskRun=P0vgYmc6QnWgzkZNGBzUIw-0

Log link: https://treeherder.mozilla.org/logviewer.html#/jobs?job_id=305012494&repo=autoland&lineNumber=3136

Comment 13

[Xidorn Quan [:xidorn] UTC+10]

I believe the test failure is related to bug 1643868 somehow. I can observe similar issue on Linux, but it happens more consistently on Android for some reason. It's especially interesting that connecting inspector to GeckoView resets the position.

Comment 14

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/2dd4b6b2f0d7
Reflow absolute frames in ruby container and ruby base container. r=dholbert

Comment 15

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

Upstream web-platform-tests status checks passed, PR will merge once commit reaches central.

Comment 16

[Razvan Maries]

https://hg.mozilla.org/mozilla-central/rev/2dd4b6b2f0d7

Comment 17

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

Upstream PR merged by moz-wptsync-bot

Comment 18

[BugBot [:suhaib / :marco/ :calixte]]

The patch landed in nightly and beta is affected.
:xidorn, is this bug important enough to require an uplift?
If not please set status_beta to wontfix.

For more information, please visit auto_nag documentation.