聚合物纸对话框未居中
阿隆·阿米尔（Alon Amir）|
在我的聚合物应用程序中，当我使用iPhone打开纸张对话框时，它没有居中，这与使用台式机Mac或PC使用Chrome或Safari打开它相反。
我正在动态构造paper-dialog元素，并使用javascript将其放置在DOM模板中，然后调用open()：
var d = document.createElement('paper-dialog');
d.innerHTML = "<h2>Dialog Title</h2>"
"<p>some content</p>"+
'<div class="buttons">'+
"<paper-button >More Info...</paper-button>"+
"<paper-button dialog-dismiss>Decline</paper-button>"+
"<paper-button dialog-confirm autofocus>Accept</paper-button>"+
"</div>";
var b = Polymer.dom(this.root).appendChild(d);
b.open();
我没有使用任何特殊样式或媒体查询。我之所以要以编程方式添加对话框，是因为我在不同时间显示了大量不同的对话框消息和不同的内容，并且每个对话框都应在不同的屏幕上调用回调，具体取决于添加对话框的人。换句话说，我需要像在angular-material的$ mdDialog中一样添加我的对话框，我知道它对聚合物不是那么琐碎，也许不是预期的用途，但是对于我来说，这就是我所需要的，除非有更好的方法。
请在下面查看问题的屏幕截图
苹果手机： 
铬合金： 
阿隆·阿米尔（Alon Amir）|
问题是我b.open();打完电话后才打电话给我var b = Polymer.dom(this.root).appendChild(d);。
由于我是动态添加元素的，因此应该b.open();进行this.async()调用，就像在Polymer的文档中提到的类似情况一样。
还修复了我的对话框管理器中的代码
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
聚合物纸对话框底部的空白
- 2
聚合物纸对话框不可见
- 3
镀铬点击时未显示聚合物纸对话框
- 4
聚合物 2 纸对话框自动打开，里面有铁页
- 5
如何使用纸对话框聚合物元素？
- 6
使用“聚合物”核心叠加关闭对话框
- 7
dom-repeat 中的聚合物纸对话框在删除其他数组项时打开
- 8
切换自定义元素“聚合物”中的“纸张对话框”
- 9
如何分离聚合物按钮和对话框
- 10
基于父页面的自定义元素“聚合物”对话框的大小/位置
- 11
聚合物1.x：纸张对话框中的纸张标签不起作用
- 12
聚合物：按下“确定”按钮后，获取纸张对话框中的纸张输入值
- 13
聚合物：纸张动作对话框打开时，纸张菜单按钮不会关闭
- 14
调试聚合物纸元素
- 15
聚合物的纸元素和角材料
- 16
聚合物纸输入形式.checkValidity（）
- 17
造型聚合物纸滑块
- 18
聚合物纸下拉菜单
- 19
聚合物：样式纸输入
- 20
调试聚合物纸元素
- 21
聚合物纸标签输入未添加到表单中
- 22
聚合物1.x：霓虹灯动画页面在制表符和对话框中不起作用
- 23
在angular2打字稿应用程序中使用聚合物纸对话
- 24
在angular2打字稿应用程序中使用聚合物纸对话
- 25
JavaFX自定义对话框未居中
- 26
聚合物纸标签可滚动问题
- 27
聚合物，纸数据表的行样式
- 28
聚合物纸图标按钮指定图标的宽度
- 29
在飞镖中显示纸吐司聚合物元素
我来说两句