fix: arrow position when placement is right again!!

react-component · Jun 12, 2024 · 580bfb8 · 580bfb8
1 parent 77ac25b
commit 580bfb8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/docs/examples/range.tsx b/docs/examples/range.tsx
@@ -37,7 +37,6 @@ export default () => {
     value,
     onChange,
     onCalendarChange,
-    placement: 'topRight',
   };
 
   const rangePickerRef = React.useRef<PickerRef>(null);

diff --git a/src/PickerInput/Popup/index.tsx b/src/PickerInput/Popup/index.tsx
@@ -208,7 +208,8 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
   );
 
   if (range) {
-    const placementRight = placement?.toLowerCase().endsWith('right') || rtl;
+    const placementRight = placement?.toLowerCase().endsWith('right');
+    const offsetUnit = placementRight ? 'insetInlineEnd' : 'insetInlineStart';
     renderNode = (
       <div
         ref={wrapperRef}
@@ -217,7 +218,7 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
         <div
           ref={arrowRef}
           className={`${prefixCls}-range-arrow`}
-          style={{ [placementRight ? 'insetInlineEnd' : 'insetInlineStart']: activeOffset }}
+          style={{ [offsetUnit]: activeOffset }}
         />
 
         {/* Watch for container size */}

diff --git a/src/PickerInput/Selector/RangeSelector.tsx b/src/PickerInput/Selector/RangeSelector.tsx
@@ -170,8 +170,8 @@ function RangeSelector<DateType extends object = any>(
   });
 
   // ====================== ActiveBar =======================
-  const placementRight = placement?.toLowerCase().endsWith('right') || rtl;
-  const offsetUnit = placementRight ? 'insetInlineEnd' : 'insetInlineStart';
+  const placementRight = placement?.toLowerCase().endsWith('right');
+  const offsetUnit = rtl ? 'insetInlineEnd' : 'insetInlineStart';
 
   const [activeBarStyle, setActiveBarStyle] = React.useState<React.CSSProperties>({
     position: 'absolute',