перетаскиваемый и изменяемый размер мат-диалога в Angular 8 - PullRequest
Новая
       52

перетаскиваемый и изменяемый размер мат-диалога в Angular 8

0 голосов
/ 29 октября 2019

в поисках способа сделать диалог с матом перетаскиваемым и изменяемого размера. Пока что у меня уже есть перетаскиваемая часть с использованием cdkDrag (DragDropModule). Я попытался с помощью изменения размера: стенд;в CSS, но кажется, что он не работает хорошо в сочетании с перетаскиваемой функциональностью. Т.е. если я уберу cdk, то изменяемый размер работает и наоборот.

См. Код здесь: https://stackblitz.com/edit/angular-vp8xt7

1 Ответ

0 голосов
/ 29 октября 2019

В вашем StackBlitz в правом нижнем углу диалогового окна появляется ручка изменения размера, следовательно, вы почти у цели. Проблема заключается в том, что события мыши используются функцией перетаскивания, а не передаются функции изменения размера.

Добавление cdkDragHandle к элементу h1 решает вашу проблему. 

<h1 mat-dialog-title cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>

Посмотрите, как это работает на вашей вилке StackBlitz.

...