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.

Sign up for GitHub

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

Jump to bottom

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
Open

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

r12a opened this issue Oct 25, 2022 · 3 comments
Assignees
@kidayasuo
Labels
i:vertical_text Relevant section in the LE Index. Must use for gap analysis issues. Also useful for others. question Questions about how Japanese works. These issues should be tracked in i18n-activity tracker.

Comments

@r12a
Copy link
Contributor

r12a commented Oct 25, 2022 •
edited

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:vertical_text Relevant section in the LE Index. Must use for gap analysis issues. Also useful for others. 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.

@xfq xfq mentioned this issue Nov 2, 2022
Open
This was referenced Nov 2, 2022
Closed
Open
@r12a r12a mentioned this issue Nov 30, 2022
Closed
@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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kidayasuo kidayasuo

Labels
i:vertical_text Relevant section in the LE Index. Must use for gap analysis issues. Also useful for others. question Questions about how Japanese works. These issues should be tracked in i18n-activity tracker.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@himorin @r12a @kidayasuo