New issue
Advanced search Search tips

Issue 680331 link

Starred by 8 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Android , Windows , Chrome , Mac
Pri: 3
Type: Feature


Participants' hotlists:
layout-backlog
layoutng


Sign in to add a comment

Implement writing-mode: sideways-rl and sideways-lr

Project Member Reported by e...@chromium.org, Jan 12 2017

Issue description

Implement support for the sideways-rl and sideways-lr writing modes from CSS Writing Modes Level 3/4.

https://www.w3.org/TR/css-writing-modes-3/
 

Comment 1 by xing...@intel.com, Jan 14 2017

Cc: xing...@intel.com
Project Member

Comment 2 by sheriffbot@chromium.org, Feb 15 2018

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 3 by e...@chromium.org, Feb 15 2018

Cc: e...@chromium.org
Owner: ----
Status: Available (was: Untriaged)
It looks like, without support for sideways-lr, there's no way to specify that you want vertical text that starts at the bottom of the element.  Is that correct?

So to achieve the desired orientation, we're left to use vertical-rl with a 180 degree rotation transform...

Firefox has supported this since version 43 (circa 12/2015).
Yes, as you mentioned, 'vertical-rl' + 180 degree transform is the alternative until all browsers support 'sideways-lr'.
One problem with "vertical-rl" + 180 degree transform is that clipping doesn't work as expected.  I.e., suppose my title is "one two three four five six seven" and I'm placing it in an element with overflow:"hidden".  Without the rotation, and the text starting at the top, it clips the end of the text off as expected.  With the rotation, and the text starting at the bottom, you'll get the _end_ of the text, and the beginning will be clipped.

Sign in to add a comment