同时拖放内部元素相互重叠

Question

我是D＆D列表行。它在功能上正常工作，但从视觉上来说我有一些问题。我可以在列表中看到该行的内部元素，并且在我对其进行D＆D时，该行的长度已更改。

HTML是标准的：

    <table
    formArrayName="products"
    cdkDropList
    (cdkDropListDropped)="drop($event)">
      <tbody *ngFor="let element of getProducts();let i=index"
      class="border-bottom-color drag-box"
      [formGroupName]="i"
      cdkDrag>
     ......
     </tbody>
   </table>

Answer 1

原因是我的组件很复杂，并且包含许多内部元素。在“角形材质”示例中，行很简单，并且具有固定的宽度。