如何防止从 PrimeNG 拖动 p 对话框离开屏幕答案

【问题标题】：How can I prevent off the screen the dragging of a p-dialog from PrimeNG如何防止从 PrimeNG 拖动 p 对话框离开屏幕
【发布时间】：2018-09-25 20:40:41
【问题描述】：

我正在使用 PrimNG 的 p-dialog。启用[draggable] 后，我可以使用[minX] 和[minY] 防止模态框在左侧和顶部被拖出屏幕。

有没有办法防止模态框在右侧和底部被拖出屏幕？

我在一个非常标准的实现中使用https://www.primefaces.org/primeng/#/dialog。

【问题讨论】：

标签： angular primeng primeng-dialog

【解决方案1】：

由于 '[minX]' 是向左拖动的最小坐标，而 '[minY]' 是向顶部拖动的最小坐标，因此将它们设置为一个较大的负数，即 [minX]="-1000" [minY]="-1000" 。通过这种方式，您将能够将对话框更多地拖动到左侧和顶部。

【讨论】：

我试图阻止 p-dialog 在右侧和底部关闭我希望该行为完全阻止 p-dialog 离开屏幕。

【解决方案2】：

此提交解决了您的问题： https://github.com/primefaces/primeng/commit/c47b22fe3e850ca95ab36e9d99f9bf900832a682?branch=c47b22fe3e850ca95ab36e9d99f9bf900832a682&diff=split

但正如我发现的那样，当您滚动页面然后打开模式时，Edge 会遇到一些问题

【讨论】：

是的，距我提出问题仅一年，而距我从事该项目仅一年。
很高兴知道。你是不是也有Edge浏览器下的问题？