gpt4 book ai didi

css - Angular 8 中的可拖动和可调整大小的垫对话框

转载 作者:行者123 更新时间:2023-11-27 23:09:27 25 4
gpt4 key购买 nike

正在寻找一种能够使垫对话框既可拖动又可调整大小的方法。到目前为止,我已经使用 cdkDrag (DragDropModule) 完成了可拖动部分。我试过使用 resize: booth;在 css 中,但它似乎与可拖动功能结合使用效果不佳。 IE。如果我删除 cdk,可调整大小的作品,反之亦然。

请在此处查看代码:https://stackblitz.com/edit/angular-vp8xt7

最佳答案

在您的 StackBlitz 中,调整大小的 handle 出现在对话框的右下角,因此您就快完成了。问题是鼠标事件被拖动功能消耗,而不是移交给调整大小功能。

添加 cdkDragHandle h1 元素解决了您的问题。

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

看看它是如何在你的 fork 上工作的 StackBlitz .

关于css - Angular 8 中的可拖动和可调整大小的垫对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58606128/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com