Bug 117228 - writing-mode: vertical-lr; does not work on textarea elements
Summary: writing-mode: vertical-lr; does not work on textarea elements
Status: RESOLVED DUPLICATE of bug 248260
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: https://www.w3.org/International/test...
Keywords: InRadar
Depends on: 112488
Blocks:
  Show dependency treegraph
 
Reported: 2013-06-04 23:53 PDT by SiqinBilige
Modified: 2024-02-16 13:46 PST (History)
6 users (show)

See Also:


Attachments
actual (10.01 KB, image/png)
2013-06-04 23:54 PDT, SiqinBilige
no flags Details
expected (8.58 KB, image/png)
2013-06-04 23:55 PDT, SiqinBilige
no flags Details
Form controls don't go vertical (8.31 KB, image/png)
2017-07-19 18:56 PDT, SiqinBilige
no flags Details
Still B0rked. (267.74 KB, image/jpeg)
2024-02-16 13:46 PST, Shufei
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description SiqinBilige 2013-06-04 23:53:24 PDT
-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
Comment 1 SiqinBilige 2013-06-04 23:54:34 PDT
Created attachment 203754 [details]
actual
Comment 2 SiqinBilige 2013-06-04 23:55:04 PDT
Created attachment 203755 [details]
expected
Comment 3 r12a 2014-09-23 23:47:41 PDT
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.
Comment 4 Gérard Talbot (no longer involved) 2017-07-19 12:14:36 PDT
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
Comment 6 SiqinBilige 2017-07-19 18:56:10 PDT
Created attachment 315965 [details]
Form controls don't go vertical
Comment 7 r12a 2017-07-20 04:16:07 PDT
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.
Comment 8 Radar WebKit Bug Importer 2022-02-10 04:02:08 PST
<rdar://problem/88747495>
Comment 9 Tim Nguyen (:ntim) 2022-11-24 23:38:12 PST

*** This bug has been marked as a duplicate of bug 248260 ***
Comment 10 Shufei 2024-02-16 13:46:11 PST
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?