display: table-cell incorrectly places element on a new line #11296

KiChjang · 2016-05-20T11:58:57Z

Taken from https://en.wikipedia.org/wiki/Sesame_Workshop

<style>
    .tocnumber {
        padding-left: 0;
        padding-right: 0.5em;
    }

    .toctext {
        display: table-cell;
        text-decoration: inherit;
    }
</style>
<ul>
    <li class="toclevel-2 tocsection-2"><a href="#Background"><span class="tocnumber">1.1</span> <span class="toctext">Background</span></a></li>
    <li class="toclevel-2 tocsection-3"><a href="#Founding"><span class="tocnumber">1.2</span> <span class="toctext">Founding</span></a></li>
    <li class="toclevel-2 tocsection-4"><a href="#Early_years"><span class="tocnumber">1.3</span> <span class="toctext">Early years</span></a></li>
    <li class="toclevel-2 tocsection-5"><a href="#Later_years"><span class="tocnumber">1.4</span> <span class="toctext">Later years</span></a></li>
</ul>

Expected:

Actual:

jdm · 2017-01-10T18:24:38Z

I suspect this also causes:

<html style="display: table">
<body style="display:table-cell; border: 1px solid black">
  <h1>CSS FPS</h1>
</body>
</html>

Servo:

Firefox:

nox · 2017-10-01T14:10:29Z

This still happens.

@jdm With your sample, it got worse: the window is blank.

KiChjang added I-wrong A-layout/inline labels May 20, 2016

jdm added the C-has-manual-testcase label May 20, 2016

nox added the C-reproduced label Oct 1, 2017

servo / servo

display: table-cell incorrectly places element on a new line #11296

display: table-cell incorrectly places element on a new line #11296

KiChjang commented May 20, 2016

jdm commented Jan 10, 2017

nox commented Oct 1, 2017

servo / servo

Join GitHub today

display: table-cell incorrectly places element on a new line #11296

display: table-cell incorrectly places element on a new line #11296

Comments

KiChjang commented May 20, 2016

jdm commented Jan 10, 2017

nox commented Oct 1, 2017