我正在使用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文档中,我可以看到对话框对象具有fit
,refit
和resetFit
方法,可以将对话框直观地放入您选择的容器中。它似乎是我的问题的解决方案,但这些方法似乎在v0.5中不存在。
如何设置<paper-dialog>
的容器?
答案 0 :(得分:0)
添加以下css应该有效。
1:10
2:50
4:10
5:0