html - 拖动时项目的内容布局中断

Question

我使用@angular/cdk/drag-drop 库来实现拖放功能。它运行良好，但是在拖动元素时，被拖动项目的布局（包含 mat-angular 下拉菜单、删除图标和拖动句柄的 div）会中断。

一旦我放置该项目，它就会恢复原状（img 1），但在拖动项目期间看起来它丢失了它的父 div，因此它不是内联的，也没有保留相同的尺寸（img 2)

这是拖动前的样子

这是拖动过程中的样子

我试图通过添加一个具有所需宽度和高度的类 + 将其显示属性设置为内联 flex 来解决这个问题，但是它没有帮助。

标签： htmlcssangularangular-cdk