drag-and-drop - 我可以阻止 cdkDropList 在 Angular12 中扩展吗

Question

我正在使用 Angular 12 拖放将 mat-list-item 移动到另一个组件中的“dropzone”（cdkDropList）。

当我将项目拖到下拉列表上时，下拉列表会展开，好像为项目腾出空间。由于这不是真正的列表，因此这种行为是不可取的。我怎样才能阻止它扩大？

        <mat-list-item
          cdkDrag
          [cdkDragDisabled]="!isDraggable"
          [cdkDragData]="r.id"
          (click)="selectRecord(r, i)"
          *ngFor="
            let r of recordList | filterList: searchText:filterField;
            let i = index">
          <p id="{{ 'Item-' + r.id }}" [innerHTML]="lineTitle(r)"
             matLine></p>
        </mat-list-item>

            <div
              (cdkDropListDropped)="svc.dropSub1($event)"
              *ngIf="!svc.sub1"
              cdkDropList
              class="drag-here-column text-center"
              style="border: 1px grey dotted; line-height: 300px; font-size: smaller; font-style: italic;">
              Drag preferred subject here
            </div>