fix(antd): add helperContainer to antd array-items (#3780)

alibaba · Apr 10, 2023 · 757b466 · weishaodaren · Apr 20, 2023 · 757b466
1 parent f8c2040
commit 757b466
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/antd/src/array-items/index.tsx b/packages/antd/src/array-items/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useRef } from 'react'
 import { ArrayField } from '@formily/core'
 import {
   useField,
@@ -74,6 +74,7 @@ const useAddition = () => {
 export const ArrayItems: ComposedArrayItems = observer((props) => {
   const field = useField<ArrayField>()
   const prefixCls = usePrefixCls('formily-array-items')
+  const ref = useRef<HTMLDivElement>(null)
   const schema = useFieldSchema()
   const addition = useAddition()
   const dataSource = Array.isArray(field.value) ? field.value : []
@@ -89,13 +90,17 @@ export const ArrayItems: ComposedArrayItems = observer((props) => {
     >
       <div
         {...props}
+        ref={ref}
         onChange={() => {}}
         className={cls(prefixCls, props.className)}
       >
         <SortableList
           useDragHandle
           lockAxis="y"
           helperClass={`${prefixCls}-sort-helper`}
+          helperContainer={() =>
+            ref.current?.querySelector(`${prefixCls}-list`)
+          }
           onSortEnd={({ oldIndex, newIndex }) => {
             field.move(oldIndex, newIndex)
           }}