bug: google-charts letter-spacing on Google Chrome - problems with Bidi (Hebrew) Languages

70 views
Skip to first unread message

cnaan aviv

unread,
Jun 26, 2016, 6:34:43 AM6/26/16
to Google Visualization API
Hi,
When showing Google Charts on Google Chrome using Hebrew / Arabic (Bidi languages) with dir="rtl" and setting the CSS: letter-spacing it reverse the direction of the letters.
Does not happens on Firefox though.


Daniel LaLiberte

unread,
Jun 26, 2016, 3:33:40 PM6/26/16
to Google Visualization API
Is this a problem on other places outside of Google Charts?  Thanks.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/96c6f034-c80b-4da8-8f08-98e2527bb3cb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

cnaan aviv

unread,
Jun 26, 2016, 4:29:41 PM6/26/16
to Google Visualization API
Hi,
I have seen it only in Google-Charts until now. But it happens in all the charts.
Here, I have edited the JSFiddle to demonstrate the problem.

https://jsfiddle.net/7vL1h3h3/2/



On Sunday, June 26, 2016 at 10:33:40 PM UTC+3, Daniel LaLiberte wrote:
Is this a problem on other places outside of Google Charts?  Thanks.
On Sun, Jun 26, 2016 at 6:34 AM, cnaan aviv <cnaan...@gmail.com> wrote:
Hi,
When showing Google Charts on Google Chrome using Hebrew / Arabic (Bidi languages) with dir="rtl" and setting the CSS: letter-spacing it reverse the direction of the letters.
Does not happens on Firefox though.


--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.



--

Daniel LaLiberte

unread,
Jun 26, 2016, 5:37:17 PM6/26/16
to Google Visualization API
I see the difference between Chrome and Firefox.  Looking in the debugger, the text elements are identical for both, so there is nothing we are doing different in Google Charts for these two browsers.  But for Chrome, the same text gets reversed with the letter spacing.  I strongly suspect this is a general issue for Chrome, and will affect any similar SVG.  I don't know enough about this to say it is a bug, but it would seem so.  Here is a relevant posting with some possible workarounds.  http://stackoverflow.com/questions/24849981/rendering-rtl-text-along-an-svg-path


On Sun, Jun 26, 2016 at 4:29 PM, cnaan aviv <cnaan...@gmail.com> wrote:
Hi,
I have seen it only in Google-Charts until now. But it happens in all the charts.
Here, I have edited the JSFiddle to demonstrate the problem.

https://jsfiddle.net/7vL1h3h3/2/


On Sunday, June 26, 2016 at 10:33:40 PM UTC+3, Daniel LaLiberte wrote:
Is this a problem on other places outside of Google Charts?  Thanks.
On Sun, Jun 26, 2016 at 6:34 AM, cnaan aviv <cnaan...@gmail.com> wrote:
Hi,
When showing Google Charts on Google Chrome using Hebrew / Arabic (Bidi languages) with dir="rtl" and setting the CSS: letter-spacing it reverse the direction of the letters.
Does not happens on Firefox though.


--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.



--

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.

For more options, visit https://groups.google.com/d/optout.



--

cnaan aviv

unread,
Jun 27, 2016, 3:04:10 PM6/27/16
to google-visua...@googlegroups.com
Hi,
Thanks for the help. I have managed to achieve what I wanted.

I have reported a bug in Chromium + via Google-Chrome report issue:
https://bugs.chromium.org/p/chromium/issues/detail?id=623654

Cheers.


--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/emzp9oGRH10/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
Reply all
Reply to author
Forward
0 new messages