Во время перетаскивания внутренние элементы перекрывают друг друга

Question

Я список строк 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

Причина в том, что мои компоненты сложны и имеют много внутренних элементов. В угловых примерах материалов строки просты и имеют фиксированную ширину.