-
Notifications
You must be signed in to change notification settings - Fork 3
Issues: w3c/text_direction_tests
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
Author
Label
Projects
Milestones
Assignee
Sort
Issues list
When a progress or meter element or an input element with type set to range occurs in sideways-lr vertical text, the lowest value is at the bottom and the highlight grows upwards.
doc:Vertical_text
h2:Japanese
h3:Form controls
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoPass
r:WebkitFail
s:jpan
Japanese script
#26
opened Mar 5, 2024 by
r12a
When a progress or meter element or an input element with type set to range occurs in sideways-rl vertical text, the lowest value is at the top and the highlight grows downwards.
doc:Vertical_text
h2:Japanese
h3:Form controls
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoPartial
r:WebkitFail
s:jpan
Japanese script
#25
opened Mar 5, 2024 by
r12a
When a progress or meter element or an input element with type set to range occurs in vertical text, setting direction:rtl will set the lowest value at the top and the highlight grows downwards.
doc:Vertical_text
h2:Japanese
h3:Form controls
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoFail
r:WebkitFail
s:jpan
Japanese script
#24
opened Mar 5, 2024 by
r12a
When a progress or meter element or an input element with type set to range occurs in vertical text, the lowest value is at the bottom and the highlight grows upwards, by default.
doc:Vertical_text
h2:Japanese
h3:Form controls
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPartial
r:WebkitFail
s:jpan
Japanese script
#23
opened Mar 5, 2024 by
r12a
In RTL text the progress/meter control has the lowest value to the right and grows to the left.
doc:Bidirectional_text
h2:Arabic
h3:Form controls
i:bidi_text
Bidirectional text
l:arb
Arabic language
l:pes
Persian language
l:ur
Urdu language
r:BlinkPass
r:GeckoPass
r:WebkitPass
s:arab
Arabic script
#22
opened Mar 5, 2024 by
r12a
Adding writing-mode:vertical-lr to a td element produces vertical text, with lines stacking LTR.
doc:Vertical_text
h2:Mongolian
h3:Basic
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitFail
s:mong
Mongolian script
#21
opened Aug 24, 2023 by
xfq
The browser supports :dir() selectors
doc:Bidirectional_text
h2:General
h3:Styling
i:bidi_text
Bidirectional text
l:arb
Arabic language
l:pes
Persian language
l:ur
Urdu language
r:BlinkFail
r:GeckoPass
r:WebkitPass
s:arab
Arabic script
#20
opened Jun 5, 2023 by
r12a
When vertically-set Mongolian text contains a select element, the control will be vertical, and multiple options will extend, vertically-set, towards the right.
doc:Vertical_text
h2:Mongolian
h3:Basic
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoPartial
r:WebkitFail
s:mong
Mongolian script
#19
opened Jan 27, 2023 by
r12a
When vertically-set Mongolian text contains a text input element, the control will also be vertical.
doc:Vertical_text
h2:Mongolian
h3:Basic
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoPass
r:WebkitFail
s:mong
Mongolian script
#18
opened Jan 27, 2023 by
r12a
When vertically-set Mongolian text contains a textarea element, the control will also be vertical. A preceding label will appear above the top left corner of the textarea box.
doc:Vertical_text
h2:Mongolian
h3:Basic
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoPass
r:WebkitFail
s:mong
Mongolian script
#17
opened Jan 27, 2023 by
r12a
When vertically-set CJK text contains a select element, the control will be vertical, and multiple options will extend, vertically-set, towards the left.
doc:Vertical_text
h2:Chinese
h2:Japanese
h3:Basic
i:vertical_text
Vertical text
r:BlinkPartial
r:GeckoPartial
r:WebkitPartial
s:hani
Chinese script
s:jpan
Japanese script
#16
opened Jan 27, 2023 by
r12a
When vertically-set CJK text contains a text input element, the control will be vertical. A preceding label will appear above the box.
doc:Vertical_text
h2:Chinese
h2:Japanese
h3:Basic
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitPass
s:hani
Chinese script
s:jpan
Japanese script
#15
opened Jan 27, 2023 by
r12a
When vertically-set CJK text contains a textarea element, the control will also be vertical. A preceding label will appear above the top right corner of the textarea box.
doc:Vertical_text
h2:Chinese
h2:Japanese
h3:Basic
i:vertical_text
Vertical text
r:BlinkPartial
r:GeckoPartial
r:WebkitPartial
s:hani
Chinese script
s:jpan
Japanese script
#14
opened Jan 27, 2023 by
r12a
When vertically-set CJK text contains an HTML button element, the control will also be vertical.
doc:Vertical_text
h2:Chinese
h2:Japanese
h3:Basic
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitPass
s:hani
Chinese script
s:jpan
Japanese script
#13
opened Jan 26, 2023 by
r12a
When vertically-set Mongolian text contains an HTML button element, the control will also be vertical.
doc:Vertical_text
h2:Mongolian
h3:Basic
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoPass
r:WebkitFail
s:mong
Mongolian script
#12
opened Jan 26, 2023 by
r12a
Text in languages that use RTL scripts will be automatically aligned with the right side of their container when dir is set to auto.
doc:Bidirectional_text
h2:Adlam
h2:Arabic
h2:NKo
h3:Alignment
i:bidi_text
Bidirectional text
l:arb
Arabic language
l:pes
Persian language
l:ur
Urdu language
r:BlinkPass
r:GeckoPass
r:WebkitPass
s:adlm
Adlam
s:arab
Arabic script
s:nkoo
N'Ko script
#11
opened Feb 3, 2022 by
r12a
When devanagari characters are rendered upright in vertical text, orthographic syllables containing conjuncts are kept together.
doc:Vertical_text
h2:Indic
h3:Upright_orientation
i:vertical_text
Vertical text
r:BlinkPartial
r:GeckoFail
r:WebkitPartial
s:deva
Devanagari script
#10
opened Feb 17, 2021 by
r12a
sideways-rl is supported in browsers.
doc:Vertical_text
h2:Latin
Latin (script)
h3:Sideways
i:vertical_text
Vertical text
l:arb
Arabic language
l:pes
Persian language
l:ur
Urdu language
r:GeckoFail
r:GeckoPass
r:WebkitFail
s:arab
Arabic script
s:latn
Latin script
#8
opened Jun 23, 2020 by
r12a
sideways-lr is supported in browsers.
doc:Vertical_text
h2:Latin
Latin (script)
h3:Sideways
i:vertical_text
Vertical text
l:arb
Arabic language
l:pes
Persian language
l:ur
Urdu language
r:BlinkFail
r:GeckoPass
r:WebkitFail
s:arab
Arabic script
s:latn
Latin script
#7
opened Jun 23, 2020 by
r12a
writing-mode:vertical-lr will vertically orient text on the left of the container, with lines running to right.
doc:Vertical_text
h2:Mongolian
h3:Basic
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitPartial
s:mong
Mongolian script
#6
opened Feb 14, 2020 by
r12a
text-orientation:upright will make Latin characters and digits sit upright in vertical text.
doc:Vertical_text
h2:Chinese
h2:Japanese
h3:Upright_orientation
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitPass
s:hani
Chinese script
s:jpan
Japanese script
#5
opened Feb 14, 2020 by
r12a
text-combine-upright:digits followed by a number from 2 to 4, set on a parent element, will make up to that number of digits run horizontally in vertical text, without special markup, but not longer ones.
doc:Vertical_text
h2:Japanese
h3:Horizontal_in_vertical
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoFail
r:WebkitFail
s:jpan
Japanese script
#4
opened Feb 14, 2020 by
r12a
text-combine-upright:digits set on a parent element will make up to 2 digits run horizontally in vertical text, without special markup, but not longer numbers.
doc:Vertical_text
h2:Japanese
h3:Horizontal_in_vertical
i:vertical_text
Vertical text
r:BlinkFail
r:GeckoFail
r:WebkitFail
s:jpan
Japanese script
#3
opened Feb 14, 2020 by
r12a
text-combine-upright:all will make up to 4 characters run horizontally in vertical text, and not exceed the line width.
doc:Vertical_text
h2:Japanese
h3:Horizontal_in_vertical
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitFail
s:jpan
Japanese script
#2
opened Feb 14, 2020 by
r12a
writing-mode:vertical-rl will vertically orient text on the right of the container, with lines running to left.
doc:Vertical_text
h2:Japanese
h3:Basic
i:vertical_text
Vertical text
r:BlinkPass
r:GeckoPass
r:WebkitPass
s:jpan
Japanese script
#1
opened Feb 14, 2020 by
r12a
ProTip!
Type g p on any issue or pull request to go back to the pull request listing page.