[Glitch] Fix follow recommendation carrousel scrolling on RTL layouts

Port 7c10b0f to glitch-soc Signed-off-by: Claire <[email protected]>
glitch-soc · Oct 14, 2024 · ab50b26 · ab50b26
1 parent 075eb3e
commit ab50b26
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
@@ -129,8 +129,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, suggestions]);
 
   const handleLeftNav = useCallback(() => {