diff --git a/package.json b/package.json
index dcca9d42..4a35f4ab 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "rc-motion": "^2.0.1",
     "rc-overflow": "^1.0.0",
     "rc-util": "^5.16.1",
-    "rc-virtual-list": "^3.4.13"
+    "rc-virtual-list": "^3.5.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
diff --git a/src/OptionList.tsx b/src/OptionList.tsx
index 7208a88f..dd4f034d 100644
--- a/src/OptionList.tsx
+++ b/src/OptionList.tsx
@@ -53,6 +53,7 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
     rawValues,
     fieldNames,
     virtual,
+    direction,
     listHeight,
     listItemHeight,
   } = React.useContext(SelectContext);
@@ -297,6 +298,7 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
         onMouseDown={onListMouseDown}
         onScroll={onPopupScroll}
         virtual={virtual}
+        direction={direction}
         innerProps={virtual ? null : a11yProps}
       >
         {(item, itemIndex) => {
diff --git a/src/Select.tsx b/src/Select.tsx
index 51e36359..7baf410c 100644
--- a/src/Select.tsx
+++ b/src/Select.tsx
@@ -139,6 +139,7 @@ export interface SelectProps<ValueType = any, OptionType extends BaseOptionType
   options?: OptionType[];
   defaultActiveFirstOption?: boolean;
   virtual?: boolean;
+  direction?: "ltr" | "rtl";
   listHeight?: number;
   listItemHeight?: number;
 
@@ -186,6 +187,7 @@ const Select = React.forwardRef(
       defaultActiveFirstOption,
       menuItemSelectedIcon,
       virtual,
+      direction,
       listHeight = 200,
       listItemHeight = 20,
 
@@ -580,6 +582,7 @@ const Select = React.forwardRef(
         rawValues,
         fieldNames: mergedFieldNames,
         virtual: realVirtual,
+        direction,
         listHeight,
         listItemHeight,
         childrenAsData,
@@ -622,6 +625,8 @@ const Select = React.forwardRef(
           // >>> Values
           displayValues={displayValues}
           onDisplayValuesChange={onDisplayValuesChange}
+          // >>> Trigger
+          direction={direction}
           // >>> Search
           searchValue={mergedSearchValue}
           onSearch={onInternalSearch}
diff --git a/src/SelectContext.ts b/src/SelectContext.ts
index ed9ffea2..d6cf9372 100644
--- a/src/SelectContext.ts
+++ b/src/SelectContext.ts
@@ -14,6 +14,7 @@ export interface SelectContextProps {
   rawValues: Set<RawValueType>;
   fieldNames?: FieldNames;
   virtual?: boolean;
+  direction?: "ltr" | "rtl";
   listHeight?: number;
   listItemHeight?: number;
   childrenAsData?: boolean;
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index 8dd12c3f..a88e5345 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -1925,31 +1925,21 @@ describe('Select.Basic', () => {
   });
 
   it('should support title', () => {
-    const wrapper1 = mount(
-      <Select
-        defaultValue="lucy"
-        options={[]}
-      />,
-    );
+    const wrapper1 = mount(<Select defaultValue="lucy" options={[]} />);
     expect(wrapper1.find('.rc-select').prop('title')).toBe(undefined);
     expect(wrapper1.find('.rc-select-selection-item').prop('title')).toBe('lucy');
-    const wrapper2 = mount(
-      <Select
-        defaultValue="lucy"
-        options={[]}
-        title=""
-      />,
-    );
+    const wrapper2 = mount(<Select defaultValue="lucy" options={[]} title="" />);
     expect(wrapper2.find('.rc-select').prop('title')).toBe('');
     expect(wrapper2.find('.rc-select-selection-item').prop('title')).toBe('');
-    const wrapper3 = mount(
-      <Select
-        defaultValue="lucy"
-        options={[]}
-        title="title"
-      />,
-    );
+    const wrapper3 = mount(<Select defaultValue="lucy" options={[]} title="title" />);
     expect(wrapper3.find('.rc-select').prop('title')).toBe('title');
     expect(wrapper3.find('.rc-select-selection-item').prop('title')).toBe('title');
   });
+
+  it('scrollbar should be left position with rtl direction', () => {
+    const options = new Array(10).fill(null).map((_, value) => ({ value }));
+
+    const { container } = testingRender(<Select open direction="rtl" options={options} />);
+    expect(container.querySelector('.rc-virtual-list-rtl')).toBeTruthy();
+  });
 });
diff --git a/tests/__snapshots__/Select.test.tsx.snap b/tests/__snapshots__/Select.test.tsx.snap
index 15d7f073..6697f1d7 100644
--- a/tests/__snapshots__/Select.test.tsx.snap
+++ b/tests/__snapshots__/Select.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Select.Basic does not filter when filterOption value is false 1`] = `
 <div
   class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-  style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+  style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
 >
   <div>
     <div
@@ -94,7 +94,7 @@ exports[`Select.Basic does not filter when filterOption value is false 1`] = `
 exports[`Select.Basic filterOption could be true as described in default value 1`] = `
 <div
   class="rc-select-dropdown rc-select-dropdown-empty rc-select-dropdown-placement-bottomLeft"
-  style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+  style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
 >
   <div>
     <div
@@ -436,7 +436,7 @@ exports[`Select.Basic render renders role prop correctly 1`] = `
 exports[`Select.Basic should contain falsy children 1`] = `
 <div
   class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-  style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+  style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
 >
   <div>
     <div
@@ -529,7 +529,7 @@ exports[`Select.Basic should contain falsy children 1`] = `
 exports[`Select.Basic should render custom dropdown correctly 1`] = `
 <div
   class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-  style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+  style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
 >
   <div>
     <div>
diff --git a/tests/__snapshots__/Tags.test.tsx.snap b/tests/__snapshots__/Tags.test.tsx.snap
index 0bef74b2..64abc8ee 100644
--- a/tests/__snapshots__/Tags.test.tsx.snap
+++ b/tests/__snapshots__/Tags.test.tsx.snap
@@ -100,7 +100,7 @@ exports[`Select.Tags OptGroup renders correctly 1`] = `
     </div>
     <div
       class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-      style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
     >
       <div>
         <div