RESOLVED DUPLICATE of bug 245355 Bug 269992
support text-based form controls and contenteditable elements in vertical writing mode 
https://bugs.webkit.org/show_bug.cgi?id=269992
Summary support text-based form controls and contenteditable elements in vertical wri...
ZHANG Junzhi
Reported 2024-02-23 08:38:05 PST
Firefox implemented text-based elements(textarea and input) in vertical writing mode many years ago. Chrome also implemented them months ago(This feature will be rolled out through Finch in 120 and enabled in stable in 121).
Attachments
Add attachment proposed patch, testcase, etc.
ZHANG Junzhi
Comment 1 2024-02-23 08:41:51 PST
<!DOCTYPE html> <html charset="UTF-8"> <title>Test text-based form controls in vertical writing mode</title> <style> html { writing-mode: vertical-rl; } input { inline-size: 300px; } #input { margin-block-start: 20px; border: 1px solid blue; block-size: 300px; inline-size: 300px; } </style> <input value="一段測試文字"> <div id="input" contenteditable>一段測試文字</div> </html>
ZHANG Junzhi
Comment 2 2024-02-23 08:52:15 PST
Use firefox and Chrome (Nightly) to test code in comment 1. Both the two browsers work well.
Ahmad Saleem
Comment 3 2024-02-23 13:56:05 PST
In Safari 17.3, input is not vertical but 'contenteditable' is while Safari Technology Preview 189 matches both Firefox Nightly 125 and Chrome Canary 124. JSFiddle - https://jsfiddle.net/b9p0n54q/show I think Safari 17.4 Beta enables this: https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes#Forms > Added support for vertical writing mode support for form controls. (12072686) Marking this as 'RESOLVED CONFIGURATION CHANGED' because upcoming Safari release fixes this.
Tim Nguyen (:ntim)
Comment 4 2024-02-23 14:02:58 PST
*** This bug has been marked as a duplicate of bug 245355 ***
Note You need to log in before you can comment on or make changes to this bug.