Bug 117233 – Support <select> in vertical writing mode

• Status: RESOLVED
• Resolution: FIXED
• Component: Forms

[SiqinBilige]

-webkit-writing-mode: vertical-lr; does not work on select element.

1. http://dev.w3.org/csswg/css-writing-modes/#text-flow

[SiqinBilige]

Created attachment 203762 [details]
actual

[SiqinBilige]

Created attachment 203763 [details]
expected

[SiqinBilige]

Created attachment 203764 [details]
actual

[Gérard Talbot (no longer involved)]

Submitted test on a select element and vertical-lr writing mode:

http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/form-controls-vlr-004.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 315964 [details]
Form controls don't go vertical

[Tim Nguyen (:ntim)]

I think RenderMenuList works already fine, however, native appearance in RenderTheme needs to be fixed.

[Radar WebKit Bug Importer]

<rdar://problem/102651643>

[Tim Nguyen (:ntim)]

This needs to be writing mode aware: https://searchfox.org/wubkat/rev/fde0f31b8e7849e3eb1bf6c82439b4b9a5d31baf/Source/WebCore/rendering/RenderMenuList.cpp#118-119

[Aditya Keerthi]

Pull request: https://github.com/WebKit/WebKit/pull/20284

[Tim Nguyen (:ntim)]

*** Bug 248262 has been marked as a duplicate of this bug. ***

[EWS]

Committed 270545@main (acfe2805bf05): <https://commits.webkit.org/270545@main>

Reviewed commits have been landed. Closing PR #20284 and removing active labels.