У меня есть приложение в Angular, которое использует Dialog Material и Drag and Drop, это мой код для запуска модального
openProductDialog(rowChoosed) {
const objTemp = { name: 'Editar Produto', objData: rowChoosed };
this.dialog.open(DialogFormUpdateProductComponent, {
panelClass: 'custom-dialog-product-mp',
width: '920px',
height: 'auto',
maxHeight: '800px',
data: objTemp,
});
this.updateState();
}
А когда объект щелкают по модалу, как это открыто:
Открыть модал
Когда модал открыт, у модала есть вкладка Изображение, как на картинке, и при нажатии на нее отображается мое изображение загрузки, подобное этому :
Перетаскивание внутрь модального
На вкладке я помещаю компонент, который запускает эту функцию
<mat-tab label="Imagens">
<app-upload-img></app-upload-img>
</mat-tab>
Проблема иногда открываю мой мод и просто не могу перетаскивать, иногда я могу иногда нет.
Так что я не знаю, что мне нужно, чтобы решить мою проблему. Странное поведение, которое я обнаружил, заключается в том, что при нажатии на изображение у меня появляется лайтбокс, поэтому я знаю, что не могу перетаскивать изображения, когда мой лайтбокс остается таким:
Странное поведение
Изображение просто переходит на верх страницы, и когда это происходит, я не могу перетащить изображение, я думаю, это какая-то css проблема