寻找一种方法可以使草稿对话框同时可拖动和可调整大小。到目前为止,我已经使用cdkDrag(DragDropModule)完成了可拖动部分。我尝试使用resize:展位;在CSS中,但似乎无法与可拖动功能结合使用。即如果我删除CDK可调整大小的作品,反之亦然。
答案 0 :(得分:0)
在您的StackBlitz
中,调整大小手柄出现在对话框的右下角,因此您就快到了。问题在于鼠标事件由拖动功能消耗,而没有移交给调整大小功能。
在h1
元素中添加cdkDragHandle
可以解决您的问题。
<h1 mat-dialog-title cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
了解它如何在分叉的StackBlitz上工作。