Bug 269992
| Summary: | support text-based form controls and contenteditable elements in vertical writing mode | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | ZHANG Junzhi <zjz> |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | ahmad.saleem792, cdumez, karlcow, ntim, wenson_hsieh |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
ZHANG Junzhi
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
<!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
Use firefox and Chrome (Nightly) to test code in comment 1. Both the two browsers work well.
Ahmad Saleem
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)
*** This bug has been marked as a duplicate of bug 245355 ***