New issue
Advanced search Search tips

Issue 623654 link

Starred by 3 users

Issue metadata

Status: Duplicate
Merged: issue 597055
Owner: ----
Closed: Jun 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

BiDi langauges in SVG are reversed when using CSS letter-spacing

Reported by cnaan.a...@gmail.com, Jun 27 2016

Issue description

Chrome Version       : 51.0.2704.103 (Official Build) (64-bit)
URLs (if applicable) : https://jsfiddle.net/7vL1h3h3/2/
Other browsers tested: Chromium, Version 50.0.2661.102 Ubuntu 14.04 (64-bit) FAIL
     Safari:
    Firefox: OK
         IE:

What steps will reproduce the problem?
(1) Use SVG with hebrew (demonstrated in the JSFiddle with Google-Charts)
(2) Apply CSS letter-spacing property other than normal to the SVG
(3) 

What is the expected result?
Hebrew should be readable right to left

What happens instead?
Hebrew letters are reversed

Please provide any additional information below. Attach a screenshot if
possible.

See the https://jsfiddle.net/7vL1h3h3/2/ - add and remove the letter-spacing property and see the difference. It works good in Firefox. After considering with 
Daniel LaLiberte from Google Visualization group he confirmed that's not a bug in Google-Charts yet it is probably in the SVG rendering. 
 
Components: Blink>SVG Blink>Layout
Labels: -Pri-3 Pri-2
Status: Untriaged (was: Unconfirmed)
I saw it within HTML5 Google Ads (perhaps converted from Flash) as well.

Comment 2 by phistuck@gmail.com, Jun 28 2016

Reduced test case -
data:text/html;charset=utf-8,<!doctype html><svg style="letter-spacing: 2px"><text x="0" y="10">%D7%A2%D7%91%D7%95%D7%93%D7%94</text></svg>
Labels: M-53 OS-Linux OS-Mac OS-Windows
Considering the good and bad as per the attached screen shot here(as per the jsfiddle), seems to be non-regression issue since 30.0.1549.0.

Issue reproducible on Win 7,Ubuntu 14.04,Mac 10.11.5 on stable 51.0.2704.106 and canary 53.0.2781.2.
623654_June_22.png
19.8 KB View Download

Comment 4 by f...@opera.com, Jun 28 2016

Mergedinto: 597055
Status: Duplicate (was: Untriaged)

Comment 5 by phistuck@gmail.com, Jun 28 2016

letter-spacing versus vertical text - same root cause?

Comment 6 by f...@opera.com, Jun 28 2016

Jupp

Comment 7 by cbraun@google.com, Jan 23 2018

Attaching another example of
SVG, letter-spacing, and RTL languages not working properly in Chrome.
RTLExample.html
493 bytes View Download

Sign in to add a comment