[Glitch] Fix follow recommendation carrousel scrolling on RTL layouts…

…, for real Port 70472de to glitch-soc Signed-off-by: Claire <[email protected]>
glitch-soc · Oct 15, 2024 · 9b6f92e · 9b6f92e
1 parent 8b6247c
commit 9b6f92e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/...avascript/flavours/glitch/features/home_timeline/components/inline_follow_suggestions.jsx b/...avascript/flavours/glitch/features/home_timeline/components/inline_follow_suggestions.jsx
@@ -151,8 +151,13 @@ export const InlineFollowSuggestions = ({ hidden }) => {
       return;
     }
 
-    setCanScrollLeft(bodyRef.current.scrollLeft > 0);
-    setCanScrollRight((bodyRef.current.scrollLeft + bodyRef.current.clientWidth) < bodyRef.current.scrollWidth);
+    if (getComputedStyle(bodyRef.current).direction === 'rtl') {
+      setCanScrollLeft((bodyRef.current.clientWidth - bodyRef.current.scrollLeft) < bodyRef.current.scrollWidth);
+      setCanScrollRight(bodyRef.current.scrollLeft < 0);
+    } else {
+      setCanScrollLeft(bodyRef.current.scrollLeft > 0);
+      setCanScrollRight((bodyRef.current.scrollLeft + bodyRef.current.clientWidth) < bodyRef.current.scrollWidth);
+    }
   }, [setCanScrollRight, setCanScrollLeft, bodyRef]);
 
   const handleDismiss = useCallback(() => {