В моем полимерном приложении, когда я открываю бумажный диалог с помощью iPhone, он не центрируется, в отличие от открытия его с помощью Chrome или Safari с помощью настольного Mac или ПК.

Я динамически создаю элемент paper-dialog и помещаю его в шаблон DOM, используя javascript, а затем вызываю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();

Я не использую никаких специальных стилей или медиа-запросов. Причина, по которой я добавляю диалог программно, состоит в том, что у меня есть тонны различных диалоговых сообщений и различного содержимого, которые должны отображаться в разное время, и каждое из них должно вызывать обратный вызов на другом экране, в зависимости от того, кто добавил диалог. другими словами, мне нужно добавить свои диалоги, как в$ mdDialog углового материалаЯ знаю, что это не так тривиально для полимера, возможно, не для предполагаемого использования, но для моего случая это то, что мне нужно, если нет лучшего способа.

Смотрите скриншот проблемы ниже

iPhone:

Хром: