Bug 117228 – writing-mode: vertical-lr; does not work on textarea elements

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: Forms

[SiqinBilige]

-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

[SiqinBilige]

Created attachment 203754 [details]
actual

[SiqinBilige]

Created attachment 203755 [details]
expected

[r12a]

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.

[Gérard Talbot (no longer involved)]

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

[SiqinBilige]

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

[SiqinBilige]

Created attachment 315965 [details]
Form controls don't go vertical

[r12a]

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.

[Radar WebKit Bug Importer]

<rdar://problem/88747495>

[Tim Nguyen (:ntim)]

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

[Shufei]

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?