fix: 🐛 antd array-table sortable infinite loop and cursor style (#3911)

alibaba · Jul 19, 2023 · f254b39 · f254b39
1 parent 3627fb1
commit f254b39
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/packages/antd/src/__builtins__/sort.tsx b/packages/antd/src/__builtins__/sort.tsx
@@ -99,7 +99,7 @@ export function SortableElement<T extends React.HTMLAttributes<HTMLElement>>(
         }px, 0)`,
         transition: `${transform ? 'all 200ms ease' : ''}`,
       }
-      const dragStyle = {
+      const dragStyle: React.CSSProperties = {
         transition,
         opacity: '0.8',
         transform: `translate3d(${transform?.x || 0}px, ${

diff --git a/packages/antd/src/array-base/style.less b/packages/antd/src/array-base/style.less
@@ -30,6 +30,10 @@
 .@{array-base-prefix-cls}-sort-handle {
   cursor: move;
   color: #888 !important;
+  // overrid iconfont.less .anticon[tabindex] cursor
+  &.anticon[tabindex] {
+    cursor: move;
+  }
 }
 
 .@{array-base-prefix-cls}-addition {

diff --git a/packages/antd/src/array-table/style.less b/packages/antd/src/array-table/style.less
@@ -16,6 +16,10 @@
   }
 
   .@{ant-prefix}-table {
+    table {
+      overflow: hidden;
+    }
+
     td {
       visibility: visible;
-Original file line number
+Diff line change
@@ Expand Up / @@ -16,6 +16,10 @@ @@
       }
       .@{ant-prefix}-table {
+        table {
+          overflow: hidden;
+        }
         td {
           visibility: visible;
@@ Expand Down @@