寻找一种方法可以使垫对话框可拖动和可调整大小。到目前为止,我已经使用cdkDrag(DragDropModule)完成了可拖动部分。我尝试使用resize:展位;在CSS中,但似乎无法与可拖动功能结合使用。即,如果我删除CDK可调整大小的作品,反之亦然。
在您的中StackBlitz
,调整大小手柄出现在对话框的右下角,因此您就快到了。问题在于鼠标事件由拖动功能消耗,而没有移交给调整大小功能。
将a添加cdkDragHandle
到h1
元素可以解决您的问题。
<h1 mat-dialog-title cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
看看它如何在您的派生StackBlitz上工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句