diff --git a/index.html b/index.html
index 8e4cdf2..c618142 100644
--- a/index.html
+++ b/index.html
@@ -523,13 +523,16 @@
function get_language() {
return current_language;
}
+ function get_direction(language=current_language) {
+ return current_language.match(/^(ar|dv|fa|ha|he|ks|ku|ms|pa|ps|sd|ug|yi)\b/i) ? "rtl" : "ltr";
+ }
function load_language(language) {
const prev_language = current_language;
const stylesheets = [...document.querySelectorAll(".flippable-layout-stylesheet")];
for (const stylesheet of stylesheets) {
let href = stylesheet.getAttribute("href");
- if (language.match(/^(ar|dv|fa|ha|he|ks|ku|ms|pa|ps|sd|ug|yi)\b/i)) {
+ if (get_direction(language) === "rtl") {
if (href.indexOf(".rtl.css") === -1) {
href = href.replace(/\.css/, ".rtl.css");
}
diff --git a/src/OnCanvasObject.js b/src/OnCanvasObject.js
index 6c92c44..0284622 100644
--- a/src/OnCanvasObject.js
+++ b/src/OnCanvasObject.js
@@ -15,7 +15,7 @@ class OnCanvasObject {
});
}
position(updateStatus) {
- const direction = $canvas_area.css("direction");
+ const direction = get_direction();
const left_for_ltr = direction === "rtl" ? "right" : "left";
const offset_left = parseFloat($canvas_area.css(`padding-${left_for_ltr}`));
const offset_top = parseFloat($canvas_area.css("padding-top"));