- From: r12a via GitHub <sysbot+gh@w3.org>
- Date: Tue, 04 Feb 2020 07:08:51 +0000
- To: public-i18n-archive@w3.org
In [this variant of the 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%3E%3Cspan%20style%3D%22writing-mode%3Avertical-rl%3B%22%3E%E7%B8%A6%E6%9B%B8%E3%81%8D%3C%2Fspan%3E%3C%2Ftd%3E%3Ctd%3E%E6%A8%AA%E6%9B%B8%E3%81%8D%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3E%E6%A8%AA%E6%9B%B8%E3%81%8D%3C%2Ftd%3E%3Ctd%3E%3Cspan%20style%3D%22writing-mode%3Avertical-rl%3Bheight%3A5em%3B%22%3E%E7%B8%A6%E6%9B%B8%E3%81%8D%3C%2Fspan%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E&lang=ja&fontSize=36&width=500&height=500), i moved the text to be set vertically into a `span`, and set the direction on that. All these tests are run on my Mac, btw. If anyone sees different behaviour on another platform, please mention it. Firefox still looks fine. ![Screenshot 2020-02-04 at 07 03 49](https://user-images.githubusercontent.com/4839211/73721605-8ab51100-471c-11ea-96a3-6b2d4780cf9e.png) Chrome now produces vertical text. ![Screenshot 2020-02-04 at 07 04 27](https://user-images.githubusercontent.com/4839211/73721642-a1f3fe80-471c-11ea-82d5-7f0a0e195839.png) Safari makes a bit of a mess of the top row, overlapping cells and displaying the vertical text one character per column, but does better if you apply height to the cell as in the bottom row. ![Screenshot 2020-02-04 at 07 06 59](https://user-images.githubusercontent.com/4839211/73721817-f6977980-471c-11ea-9306-1a72be32435a.png) -- GitHub Notification of comment by r12a Please view or discuss this issue at https://github.com/w3c/jlreq/issues/155#issuecomment-581772608 using your GitHub account
Received on Tuesday, 4 February 2020 07:08:53 UTC