纸张对话框中聚合物集模态为真



聚合物1.0

我如何在paper-dialog元素中渲染modal,以便用户必须单击按钮来逃避模式,而不能通过简单地单击背景来逃避它?

我试过<paper-dialog modal></paper-dialog >,但没有成功…用户仍然可以点击背景来关闭模态。

我也尝试了<paper-dialog modal="{ true }"></paper-dialog >,但没有成功。

这只适用于paper-dialog-behavior。这里有很好的例子

第一个(<paper-dialog modal></paper-dialog>)应该可以工作。

你的paper-dialog是否在另一个元素中?如果对话框位于创建新堆叠上下文的元素中,则背景可能无法正确定位…这里有更多关于这个问题的信息(GitHub issue on paper-dialog)。

你有两个选择:把对话框移到最上面的位置,或者像上面的@dhpollack那样把背景放在正确的位置。

如果你不希望用户通过点击模态窗口外的任何地方来关闭<paper-dialog>元素,那么你可以在<paper-dialog>标签内添加"no-cancel-on-outside-click"。

从这里引用:

https://github.com/vaadin/vaadin-combo-box/issues/405 issuecomment - 287426314

最新更新