Consider unsupporting `-moz-orient` for `<progress>` and `<meter>`, and `orient` on `<input type="range">`
Categories
(Core :: Layout: Form Controls, task)
Tracking
()
People
(Reporter: dholbert, Unassigned)
References
(Depends on 1 open bug)
Details
(Keywords: dev-doc-needed)
The -moz-orient property was originally the only way to get a <progress> or <meter> element to render vertically in Firefox. Similarly, the orient attribute was the way to get a vertical <input type="range">.
These still work in Firefox, but they're non-standard and don't have any effect (or equivalent) in any other browser. Perhaps we should unsupport them, to reduce complexity & improve interop?
There's some information and history in bug 1028716 and https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-orient .
Also in these spec discussions:
https://github.com/whatwg/html/issues/4177
https://github.com/whatwg/html/issues/8413#issuecomment-1898434004
|
Reporter | |
Comment 1•5 months ago
•
|
||
In Chrome and Firefox at least, you can force these elements to be vertical by giving them a vertical writing-mode. (Safari seems to ignore the writing-mode on these form controls, by my testing at least).
That's slightly hacky perhaps (e.g. it feels odd that an author has to decide whether their vertical progress bar should be vertical-lr vs vertical-rl), but it's interoperable at least. And https://github.com/whatwg/html/pull/10096 seems to be aiming to formalize this as the way to do things (in response to https://github.com/whatwg/html/issues/4177 ).
Description
•