BiDi langauges in SVG are reversed when using CSS letter-spacing
Reported by
cnaan.a...@gmail.com,
Jun 27 2016
|
|||
Issue descriptionChrome 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.
,
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>
,
Jun 28 2016
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.
,
Jun 28 2016
,
Jun 28 2016
letter-spacing versus vertical text - same root cause?
,
Jun 28 2016
Jupp
,
Jan 23 2018
Attaching another example of SVG, letter-spacing, and RTL languages not working properly in Chrome. |
|||
►
Sign in to add a comment |
|||
Comment 1 by phistuck@chromium.org
, Jun 28 2016Labels: -Pri-3 Pri-2
Status: Untriaged (was: Unconfirmed)