聚合物纸对话框不居中

Question

在我的聚合物应用程序中,当我使用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中添加我的对话框,我知道聚合物不是那么微不足道,也许不是预期用途,但对于我的情况,这就是我需要的,除非有更好的方法.

请参阅下面问题的屏幕截图

苹果手机:

铬:

Answer 1

问题是,我叫b.open();之后var b = Polymer.dom(this.root).appendChild(d);.

由于我动态添加元素,我应该b.open();进行this.async()调用,如聚合物文档中针对类似情况所述.

还修改了我的对话管理器中的代码