fix: arrow position when placement is right again

react-component · Jun 11, 2024 · 9681b96 · 9681b96
1 parent 19110d2
commit 9681b96
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/PickerInput/Popup/index.tsx b/src/PickerInput/Popup/index.tsx
@@ -208,7 +208,6 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
   );
 
   if (range) {
-    const placementRight = placement?.toLowerCase().endsWith('right');
     renderNode = (
       <div
         ref={wrapperRef}
@@ -217,7 +216,7 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
         <div
           ref={arrowRef}
           className={`${prefixCls}-range-arrow`}
-          style={{ [rtl || placementRight ? 'right' : 'left']: activeOffset }}
+          style={{ [rtl ? 'right' : 'left']: activeOffset }}
         />
 
         {/* Watch for container size */}

diff --git a/src/PickerInput/Selector/RangeSelector.tsx b/src/PickerInput/Selector/RangeSelector.tsx
@@ -201,8 +201,8 @@ function RangeSelector<DateType extends object = any>(
         [offsetUnit]: offset,
       }));
       const placementRight = placement?.toLowerCase().endsWith('right');
-      const startOffset = placementRight ? parentElement?.offsetWidth : 0;
-      onActiveOffset(activeIndex === 0 ? startOffset : offset);
+      const diffOfTriggerWidthAndPanelWidth = parentElement.offsetWidth - offsetWidth;
+      onActiveOffset(placementRight ? offset + diffOfTriggerWidthAndPanelWidth : offset);
     }
   });