聚合物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