Bug 308040 – css writing mode affects table cell-align

• Component: Tables
• Status: RESOLVED DUPLICATE

[Karl Dubost]

Created attachment 478385 [details]
rendering in minibrowser, safari, firefox, chrome

http://wpt.live/css/css-writing-modes/table-cell-align-006.html
http://wpt.fyi/css/css-writing-modes/table-cell-align-006.html


These two tables are still failing. 

<table class="slr">
    <tbody>
        <tr>
            <td>XXXXX</td>
            <td class="left">X</td>
            <td class="center">X</td>
            <td class="right">X</td>
            <td class="start">X</td>
            <td class="end">X</td>
            <td class="justify">X X</td>
        </tr>
    </tbody>
</table>

and

<table class="slr">
    <tbody>
        <tr dir="rtl">
            <td>XXXXX</td>
            <td class="left">X</td>
            <td class="center">X</td>
            <td class="right">X</td>
            <td class="start">X</td>
            <td class="end">X</td>
            <td class="justify">X X</td>
        </tr>
    </tbody>
</table>


In MiniBrowser The tests progressed compared to STP 236.

[Karl Dubost]

STP 237 renders like minibrowser.
So something has progressed since STP 236.

[Ahmad Saleem]

It is more of repainting / timing issue, because if I open test case and then do Back Forward on other website, it seems to fix it.

[Karl Dubost]

The two properties failing on the table  are

table.slr td {
  writing-mode: sideways-lr;
}

table.slr td {
    writing-mode: sideways-lr;
}

BUT a back/forward makes it have the right layout, even on STP 236 as Ahmad mentioned.

[Radar WebKit Bug Importer]

<rdar://problem/171052082>

[Ahmad Saleem]

Progressed with 310995@main, now unshipping it here - https://github.com/WebKit/WebKit/pull/62553

*** This bug has been marked as a duplicate of bug 240961 ***