Перетаскивание Angular Материал не работает хорошо с материалом диалога - PullRequest
0 голосов
/ 27 апреля 2020

У меня есть приложение в 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 проблема

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...