Fix follow recommendation carrousel scrolling on RTL layouts (#32462)

4 months ago · 7c10b0fb7a
parent ffa1032381
commit 7c10b0fb7a
1 changed files with 7 additions and 2 deletions
--- a/app/javascript/mastodon/features/home_timeline/components/inline_follow_suggestions.jsx
+++ b/app/javascript/mastodon/features/home_timeline/components/inline_follow_suggestions.jsx
@ -129,8 +129,13 @@ export const InlineFollowSuggestions = ({ hidden }) => {
      return;
    }

+    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(() => {