Solución:
Puede cambiar DragRefConfig inyectando la configuración correcta (con el índice z deseado) en su componente. Por ejemplo:
const DragConfig = {
dragStartThreshold: 0,
pointerDirectionChangeThreshold: 5,
zIndex: 10000
};
providers: [{ provide: CDK_DRAG_CONFIG, useValue: DragConfig }]
El índice Z del elemento de vista previa será 10000 😉
Para más información: https://material.angular.io/cdk/drag-drop/api#DragRefConfig
Yo mismo estoy luchando con este problema y estoy usando una solución cruda por ahora. Forzar el índice z de .cdk-overlay-container a 1000 en sus estilos globales (styles.scss) debería obtener el resultado que desea. Sin embargo, no es la mejor práctica.
Agregue esto en styles.scss:
.cdk-overlay-container {
z-index: 1000 !important;
}
Stackblitz aquí
Que yo sepa, no es posible forzar un índice z en la vista previa de arrastre (elemento “arrastrando”) porque el cdk establece su índice z dinámicamente como estilo en línea. La biblioteca Nebular que está utilizando parece estar configurando el índice z del contenedor de superposición en 1040. La biblioteca de material angular establece el índice z de la vista previa de arrastre como 1000, por eso va detrás de la superposición. Vanilla Angular Material establece el índice z de la superposición de cdk en 1000, por lo que arrastrar y soltar funcionará en ese escenario.