Re: [jlreq] [gap-analysis] Table cells in vertical writing mode (#155)

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