New issue
Advanced search Search tips

Issue 905240 link

Starred by 1 user

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Rotated vertical text is not displayed corectly

Reported by seagh.od...@gmail.com, Nov 14

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Example URL:
https://jsfiddle.net/r0mfsaw8/3/

Steps to reproduce the problem:
create a table heading with vertical and rotated text.

What is the expected behavior?
The text should be displayed the same as it is horizontally

What went wrong?
There is no space between some of the letters, depending on the font and size used.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 70.0.3538.77  Channel: n/a
OS Version: 10.0
Flash Version:
 
vertical_text.png
17.6 KB View Download
Bisected to r459771 = 5fd631a31c688954834fc1e297a67b4b1a4f08bc = https://crrev.com/c/458377 by drott@chromium.org
"Replace subpixel font size heuristics with using OpenType gasp table"
Landed in 59.0.3054.0
Components: Blink>Layout
Labels: Needs-Triage-M70
Cc: swarnasree.mukkala@chromium.org
Labels: -Type-Compat Triaged-ET Target-72 M-72 FoundIn-71 FoundIn-70 FoundIn-72 Type-Bug
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on Windows 10 on reported chrome version #70.0.3538.77, latest stable #70.0.3538.102 and latest chrome #72.0.3610.0 by following steps as percomment#0.
Note: Issue is not seen on Mac OS and Linux.

The behavior is seen from old M-60 builds(#60.0.3112.113. This is a non-regression issue, hence marking it as untraiged and requesting someone from the dev team to look into the issue.
Thanks.!
Cc: drott@chromium.org
Status: Available (was: Untriaged)
Cc: bunge...@chromium.org
swarnasree.mukkala@ - do you still see this issue when you remove the transform: rotate() statement from  and re-Run the jsfiddle?

.zui-table thead th span{
  transform: rotate(180deg);    /* <-- remove this */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

re #6, the bug disappears.

Sign in to add a comment