Fix RTL text direction rendering (#1687)

Co-authored-by: Lipis <lipiridis@gmail.com>
This commit is contained in:
Youness Fkhach 2020-06-02 19:31:34 +01:00 committed by GitHub
parent fd75b88bd3
commit a118bed82f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 41 additions and 10 deletions

View file

@ -227,3 +227,13 @@ export const sceneCoordsToViewportCoords = (
export const getGlobalCSSVariable = (name: string) =>
getComputedStyle(document.documentElement).getPropertyValue(`--${name}`);
export const isRTL = (text: string) => {
const ltrChars =
"A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02B8\u0300-\u0590\u0800-\u1FFF" +
"\u2C00-\uFB1C\uFDFE-\uFE6F\uFEFD-\uFFFF";
const rtlChars = "\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC";
const rtlDirCheck = new RegExp(`^[^${ltrChars}]*[${rtlChars}]`);
return rtlDirCheck.test(text);
};