fix(List): fix SimpleContainer dimensions handle (#1479)

gravity-ui · Apr 3, 2024 · 68243be · 68243be
1 parent 1ead791
commit 68243be
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 17 deletions.
diff --git a/src/components/List/List.tsx b/src/components/List/List.tsx
@@ -367,7 +367,6 @@ export class List<T = unknown> extends React.Component<ListProps<T>, ListState<T
                                 ref={this.refContainer}
                                 itemCount={items.length}
                                 provided={droppableProvided}
-                                sortable={sortable}
                             >
                                 {items.map((_item, index) => {
                                     return (

diff --git a/src/components/List/components/SimpleContainer.tsx b/src/components/List/components/SimpleContainer.tsx
@@ -8,15 +8,12 @@ import type {ListItem} from './ListItem';
 export type SimpleContainerProps = React.PropsWithChildren<{
     itemCount: number;
     provided?: DroppableProvided;
-    sortable?: boolean;
 }>;
 
 type RefsList = Record<number, React.RefObject<ListItem>>;
 
 export type SimpleContainerState = {
     refsList: RefsList;
-    minWidth?: number;
-    minHeight?: number;
 };
 
 function getRefs(count: number) {
@@ -50,24 +47,12 @@ export class SimpleContainer extends React.Component<SimpleContainerProps, Simpl
         };
     }
 
-    componentDidMount() {
-        if (this.node && this.props.sortable) {
-            const {width, height} = this.node.getBoundingClientRect();
-            this.setState({minWidth: width, minHeight: height});
-        }
-    }
-
     render() {
-        const {minWidth, minHeight} = this.state;
         const children = React.Children.map(this.props.children, (child, index) =>
             React.cloneElement(child as React.ReactElement, {ref: this.state.refsList[index]}),
         );
 
-        return (
-            <div ref={this.setRef} style={{minWidth, minHeight}}>
-                {children}
-            </div>
-        );
+        return <div ref={this.setRef}>{children}</div>;
     }
 
     scrollToItem(index: number) {