diff --git a/src/components/carousel/carousel.ts b/src/components/carousel/carousel.ts
index ff03e1577..2671b4c74 100644
--- a/src/components/carousel/carousel.ts
+++ b/src/components/carousel/carousel.ts
@@ -487,7 +487,7 @@ export default class WaCarousel extends WebAwesomeElement {
const currentPage = this.getCurrentPage();
const prevEnabled = this.canScrollPrev();
const nextEnabled = this.canScrollNext();
- const isLtr = this.localize.dir() === 'ltr';
+ const isLtr = this.matches(':dir(ltr)');
return html`
diff --git a/src/components/image-comparer/image-comparer.ts b/src/components/image-comparer/image-comparer.ts
index 5a9f26d99..7c4b8d678 100644
--- a/src/components/image-comparer/image-comparer.ts
+++ b/src/components/image-comparer/image-comparer.ts
@@ -63,7 +63,7 @@ export default class WaImageComparer extends WebAwesomeElement {
}
private handleKeyDown(event: KeyboardEvent) {
- const isLtr = this.localize.dir() === 'ltr';
+ const isLtr = this.matches(':dir(ltr)');
const isRtl = this.matches(':dir(rtl)');
if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {
diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts
index 19b5c8bfb..9976a9a4d 100644
--- a/src/components/rating/rating.ts
+++ b/src/components/rating/rating.ts
@@ -106,8 +106,8 @@ export default class WaRating extends WebAwesomeElement {
}
private handleKeyDown(event: KeyboardEvent) {
+ const isLtr = this.matches(':dir(ltr)');
const isRtl = this.matches(':dir(rtl)');
- const isLtr = !isRtl;
const oldValue = this.value;
if (this.disabled || this.readonly) {
diff --git a/src/components/tree/tree.ts b/src/components/tree/tree.ts
index fd08646a8..5f01f95c9 100644
--- a/src/components/tree/tree.ts
+++ b/src/components/tree/tree.ts
@@ -225,8 +225,8 @@ export default class WaTree extends WebAwesomeElement {
}
const items = this.getFocusableItems();
+ const isLtr = this.matches(':dir(ltr)');
const isRtl = this.matches(':dir(rtl)');
- const isLtr = !isRtl;
if (items.length > 0) {
event.preventDefault();