Angular 如何防止在屏幕外拖动p对话框启动

Angular 如何防止在屏幕外拖动p对话框启动,angular,primeng,primeng-dialog,Angular,Primeng,Primeng Dialog,我正在使用PrimNG的p-dialog。启用[draggable]后,我可以使用[minX]和[minY]防止模式从屏幕左侧和顶部拖离 有没有办法防止模态从屏幕右侧和底部拖出 我正在使用一个非常标准的实现。因为“[minX]”是左侧的最小可拖动坐标,“[minY]”是顶部的最小可拖动坐标,所以将它们设置为一个大的负数,即[minX]=“-1000”[minY]=“-1000”。通过这种方式,您将能够将对话框更多地拖动到左侧和顶部 此提交修复了您的问题: 但我发现,当您滚动页面,然后打开模式时

我正在使用PrimNG的p-dialog。启用
[draggable]
后,我可以使用
[minX]
[minY]
防止模式从屏幕左侧和顶部拖离

有没有办法防止模态从屏幕右侧和底部拖出


我正在使用一个非常标准的实现。

因为“[minX]”是左侧的最小可拖动坐标,“[minY]”是顶部的最小可拖动坐标,所以将它们设置为一个大的负数,即
[minX]=“-1000”[minY]=“-1000”
。通过这种方式,您将能够将对话框更多地拖动到左侧和顶部

此提交修复了您的问题:


但我发现,当您滚动页面,然后打开模式时,Edge遇到了一些问题

我试图阻止p-dialog在右侧和底部出现问题,我希望这种行为能够阻止p-dialog从屏幕上消失。是的,我的问题刚过一年,我在项目中工作了2年。很高兴知道。您是否也在Edge浏览器下解决了此问题?