纸质对话框组件不在屏幕

时间:2015-11-27 17:55:12

标签: javascript meteor polymer

我正在使用Meteor <template>和Polymer 0.5。

当我在填充整个屏幕的元素中使用<paper-dialog>时,对话框会出现在屏幕中心,因为我认为它使用的是父元素的边界框。

在我的应用程序中,我在父布局中使用Meteor模板。在其中一个子模板中,我也使用了Polymer对话框。由于此模板未填充视口,并且由于对话框以焦点为中心,因此对话框将隐藏显示在页面的右下角。如果我在对话框中启用layered属性,它似乎以视口为中心。但我不能使用该属性,因为它创建了一个影子DOM,它打破了Meteor处理UI事件的方式(参见the only article I found about that)。

问题似乎与this frequently-reported issue无关。

在Polymer 1.0文档中,我可以看到对话框对象具有fitrefitresetFit方法,可以将对话框直观地放入您选择的容器中。它似乎是我的问题的解决方案,但这些方法似乎在v0.5中不存在。

如何设置<paper-dialog>的容器?

1 个答案:

答案 0 :(得分:0)

添加以下css应该有效。

1:10
2:50
4:10
5:0