使用 primeng 拖放时列表项消失

Question

我正在使用 Primeng 选择列表，当我尝试将一个项目从列表拖动到另一个列表时，该项目会消失，直到该项目掉落。

<p-dialog [(visible)]="showMarker"  (onHide)="hideDialogChild()" [contentStyle]="{'overflow':'visible'}" header="'Marker List'" [modal]="true">
    <p-pickList [source]="sourceMarkers" [target]="targetMarkers" sourceHeader="Available markers" targetHeader="Associated Markers" dragdrop="true"
        [responsive]="true" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}" filterBy="markername"
        sourceFilterPlaceholder="Search by name" targetFilterPlaceholder="Search by name">
        <ng-template let-marker pTemplate="item">
            <div class="product-list-detail">
                <h5 class="mb-2">{{markername}}</h5>
            </div>
        </ng-template>
    </p-pickList>

  
</p-dialog> 

此链接是一个快照视频，用于显示当前行为选择列表问题

这是 stackblitze 上的运行代码： 选择器问题的代码片段

Answer 1

感谢您的 stackblitz，它是一个z-indexcss 问题，请将以下样式添加到style.css.

.p-picklist-item:not(.cdk-drag-disabled) {
  cursor: move;
  z-index: 1130 !important;
}

forked stackblitz