🐛 fix(tab): correction de l'ombre au scroll en RTL (#1051)

- Correction de l'ombre au scroll en direction RTL
GouvernementFR · Nov 25, 2024 · ffbed46 · ffbed46
1 parent f67153c
commit ffbed46
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/dsfr/component/tab/script/tab/tabs-list.js b/src/dsfr/component/tab/script/tab/tabs-list.js
@@ -51,12 +51,11 @@ class TabsList extends api.core.Instance {
 
   /* ajoute la classe fr-table__shadow-left ou fr-table__shadow-right sur fr-table en fonction d'une valeur de scroll et du sens (right, left) */
   scroll () {
-    const scrollLeft = this.node.scrollLeft;
+    const scrollLeft = Math.abs(this.node.scrollLeft);
     const isMin = scrollLeft <= SCROLL_OFFSET;
     const max = this.node.scrollWidth - this.node.clientWidth - SCROLL_OFFSET;
-
     const isMax = Math.abs(scrollLeft) >= max;
-    const isRtl = document.documentElement.getAttribute('dir') === 'rtl';
+    const isRtl = getComputedStyle(this.node).direction === 'rtl';
     const minSelector = isRtl ? TabSelector.SHADOW_RIGHT : TabSelector.SHADOW_LEFT;
     const maxSelector = isRtl ? TabSelector.SHADOW_LEFT : TabSelector.SHADOW_RIGHT;