-webkit-writing-mode: vertical-lr; does not work on textarea elements. but can work on contenteditable div. 1. http://dev.w3.org/csswg/css-writing-modes/#text-flow 2. http://fantasai.inkedblade.net/style/discuss/vertical-text/#logical-orientation 3. http://fantasai.inkedblade.net/style/discuss/vertical-text/diagrams/mongolian-vectors.jpg
Created attachment 203754 [details] actual
Created attachment 203755 [details] expected
Any progress on this? It's causing problems for me at http://rishida.net/scripts/pickers/mongolian/ It's a shame this doesn't work, because otherwise support for Mongolian is quite good in Safari compared to other browsers. If it helps, I noticed that you can resize the height of the textarea using the bottom right corner and the text gets more room - you just can't see it all because the viewport only extends left-right.
Submitted test on textarea element (see Text sample 5) and vertical-lr writing mode: http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/form-controls-vlr-005.htm Note that a) the test uses a "SHOULD": so passing that test is recommended but not required to be able to claim conformance with the spec. b) the tests in all CSS test suites never use vendor prefixes
This issue have a relation to https://bugs.webkit.org/show_bug.cgi?id=70211 https://bugs.webkit.org/attachment.cgi?id=192264&action=diff
Created attachment 315965 [details] Form controls don't go vertical
fwiw, there are also links to tests and results for major browsers at https://www.w3.org/International/tests/repo/results/writing-mode-vertical#rl_forms https://www.w3.org/International/tests/repo/results/writing-mode-vertical#lr_forms those tests use both standard and proprietary labels there's also https://www.w3.org/International/articles/vertical-text/index#forms_etc (which also has some test pages (see Test in your browser) It would certainly be good to get this working, since vertical text handling is one of the top priorities in Japan, and it goes without saying that writers of Mongolian websites are severely hampered by lack of support, since their writing system is not designed for horizontal text.
<rdar://problem/88747495>
*** This bug has been marked as a duplicate of bug 248260 ***
Created attachment 469927 [details] Still B0rked. As far as I can tell, here in iPadOS 16.7.5, WebKit is still emphatically broken for both vertical-lr *and* vertical-lr. Textarea isn’t the only bit b0rked, either. The clip above for the Mongolian text test page shows the issue on body text, non-rotating glyphs! Who do I bring this issue to aside from here?