[clreq] Table cells don't handle vertical direction properly (#250)

xfq has just created a new issue for https://github.com/w3c/clreq:

== Table cells don't handle vertical direction properly ==
If you place the <code class="kw" translate="no">writing-mode</code> property with a value of <code class="kw" translate="no">vertical-rl</code> on an individual table cell, you would expect the text in that cell to be displayed vertically. This works as expected in <span class="pass">Gecko</span> browsers, as well as in <span class="pass">legacy Edge</span> and <span class="pass">Internet Explorer</span>. However, <span class="fail">Blink</span> browsers (Chrome, Edge, etc) don't apply vertical writing mode, and <span class="fail">WebKit</span> browsers, leave the text horizontal but rotate the Chinese characters to the left.

See [a test](https://w3c.github.io/i18n-tests/exploratory/vanilla/?text=%3Ctable%20style%3D%22border%3A1px%20solid%20red%3Bmargin%3A1em%3B%22%3E%3Ctr%3E%3Ctd%20style%3D%22writing-mode%3Avertical-rl%3B%22%3E%E7%9B%B4%E6%8E%92%3C%2Ftd%3E%3Ctd%3E%E6%A8%AA%E6%8E%92%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3E%E6%A8%AA%E6%8E%92%3C%2Ftd%3E%3Ctd%20style%3D%22writing-mode%3Avertical-rl%3Bheight%3A5em%22%3E%E7%9B%B4%E6%8E%92%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E&lang=zh-Hans&fontSize=36&width=500&height=500).

Wrapping the text to be made vertical in a `span` inside the cell, and applying `writing-mode:vertical-rl` to that gives the expected result in Blink, but not in Safari.

See [a test for span](https://w3c.github.io/i18n-tests/exploratory/vanilla/?text=%3Ctable%20style%3D%22border%3A1px%20solid%20red%3Bmargin%3A1em%3B%22%3E%3Ctr%3E%3Ctd%3E%3Cspan%20style%3D%22writing-mode%3Avertical-rl%3B%22%3E%E7%9B%B4%E6%8E%92%3C%2Fspan%3E%3C%2Ftd%3E%3Ctd%3E%E6%A8%AA%E6%8E%92%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3E%E6%A8%AA%E6%8E%92%3C%2Ftd%3E%3Ctd%3E%3Cspan%20style%3D%22writing-mode%3Avertical-rl%3Bheight%3A5em%3B%22%3E%E7%9B%B4%E6%8E%92%3C%2Fspan%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E&lang=zh-Hans&fontSize=36&width=500&height=500).

Please view or discuss this issue at https://github.com/w3c/clreq/issues/250 using your GitHub account

Received on Wednesday, 5 February 2020 01:28:35 UTC