fix: 修复scrollIntoView的参数behavior设置为smooth时引导面板定位异常的问题 #50509

docs/examples/scrollIntoView.tsx

@@ -32,7 +32,7 @@ const App = () => {
         >
           Create
         </button>
-        <div style={{ height: 1000 }} />
+        <div style={{ height: 1500 }} />
         <button className="ant-target" ref={updateBtnRef}>
           Update
         </button>
@@ -65,7 +65,7 @@ const App = () => {
             ),
             target: () => updateBtnRef.current,
             scrollIntoViewOptions: {
-              block: 'start'
+              block: 'start', behavior:'smooth'
             }
           },
           {

src/hooks/useTarget.ts

@@ -44,8 +44,8 @@ export default function useTarget(
       // Exist target element. We should scroll and get target position
       if (!isInViewPort(targetElement) && open) {
         targetElement.scrollIntoView(scrollIntoViewOptions);
+        return;
       }
-
       const { left, top, width, height } =
         targetElement.getBoundingClientRect();
       const nextPosInfo: PosInfo = { left, top, width, height, radius: 0 };
@@ -65,12 +65,23 @@ export default function useTarget(
   const getGapOffset = (index: number) =>
     (Array.isArray(gap?.offset) ? gap?.offset[index] : gap?.offset) ?? 6;
 
+  const scrollEndUpdatePos = ()=>{
+    if(window.requestAnimationFrame){
+      window.requestAnimationFrame(updatePos);
+      return;
+    }
+    setTimeout(updatePos,1000/60);
+  }
+
   useLayoutEffect(() => {
     updatePos();
     // update when window resize
     window.addEventListener('resize', updatePos);
+    // update when window scroll end
+    window.addEventListener('scrollend',scrollEndUpdatePos);
     return () => {
       window.removeEventListener('resize', updatePos);
+      window.removeEventListener('scrollend',scrollEndUpdatePos);
     };
   }, [targetElement, open, updatePos]);