Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Should bars in HTML progress, meter & input=range elements be read upwards or downwards in vertical text? #342

Open
r12a opened this issue Oct 25, 2022 · 3 comments
Assignees
Labels
i:writing_mode Writing mode l:ja Japanese question Questions about how Japanese works. These issues should be tracked in i18n-activity tracker. s:jpan Japanese script

Comments

@r12a
Copy link
Contributor

r12a commented Oct 25, 2022

Background

This question was prompted by the HTML issue at whatwg/html#8413

Currently, Blink and WebKit don't make these inline controls vertical (see w3c/clreq#247).

Gecko, however, does display the control vertically, but the reading direction of the progress bar when progress or meter elements are used in HTML is bottom to top.

Screenshot 2022-10-26 at 10 59 54

Test for all

Question

Is it preferable for the direction of the control to follow the direction of the surrounding text (ie. start at the top of the control), or should it always progress from bottom to top?

@r12a r12a added question Questions about how Japanese works. These issues should be tracked in i18n-activity tracker. i:writing_mode Writing mode labels Oct 25, 2022
@r12a r12a changed the title Should bars in HTML progress and meter elements be read upwards or downwards in vertical text? Should bars in HTML progress, meter & input=range elements be read upwards or downwards in vertical text? Oct 26, 2022
@kidayasuo
Copy link
Contributor

JLReq TF discussed this and agreed that more natural, therefore the default, direction would be bottom to top. We considered scenarios like thermometer and general bar graphs used in horizontal direction. At the same time it would be ideal if the direction can be controlled with css.

@himorin
Copy link
Contributor

himorin commented Feb 6, 2024

from 2024-02-06
@kidayasuo to comment at original issue

@r12a
Copy link
Contributor Author

r12a commented Feb 7, 2024

Chrome appears to be implementing this so that the flow is top to bottom. However, if you want the indicator to grow from bottom to top, you would be able to apply the CSS direction:rtl to the control.

@r12a r12a added s:jpan Japanese script l:ja Japanese labels Jul 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
i:writing_mode Writing mode l:ja Japanese question Questions about how Japanese works. These issues should be tracked in i18n-activity tracker. s:jpan Japanese script
Projects
None yet
Development

No branches or pull requests

3 participants