chore: patch cls for rtl (#204)

react-component · May 18, 2023 · e6c33d2 · e6c33d2
1 parent 254373a
commit e6c33d2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/List.tsx b/src/List.tsx
@@ -88,7 +88,11 @@ export function RawList<T>(props: ListProps<T>, ref: React.Ref<ListRef>) {
   const [scrollTop, setScrollTop] = useState(0);
   const [scrollMoving, setScrollMoving] = useState(false);
 
-  const mergedClassName = classNames(prefixCls, className);
+  const mergedClassName = classNames(
+    prefixCls,
+    { [`${prefixCls}-rtl`]: direction === 'rtl' },
+    className,
+  );
   const mergedData = data || EMPTY_DATA;
   const componentRef = useRef<HTMLDivElement>();
   const fillerInnerRef = useRef<HTMLDivElement>();

diff --git a/tests/scroll.test.js b/tests/scroll.test.js
@@ -305,5 +305,7 @@ describe('List.Scroll', () => {
     );
     expect(wrapper.find('.rc-virtual-list-scrollbar').props().style.left).toEqual(0);
     jest.useRealTimers();
+
+    expect(wrapper.exists('.rc-virtual-list-rtl')).toBeTruthy();
   });
 });