En mi aplicación de polímero, cuando abro un cuadro de diálogo en papel con un iPhone, no está centrado, en lugar de abrirlo con Chrome o Safari con una Mac o PC de escritorio.

Estoy construyendo dinámicamente el elemento de diálogo de papel y colocándolo en la plantilla DOM usando javascript, y luego llamandoopen():

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();

No estoy usando ningún estilo especial o consulta de medios. La razón por la que estoy agregando el diálogo programáticamente es porque tengo toneladas de diferentes mensajes de diálogo y diferentes contenidos para mostrar en diferentes momentos, y cada uno de ellos debe llamar a una devolución de llamada en una pantalla diferente, depende de quién haya agregado el diálogo. en otras palabras, necesito agregar mis cuadros de diálogo como en$ mdDialog de angular-material, Sé que no es tan trivial para el polímero, tal vez no sea el uso previsto, pero para mi caso eso es lo que necesito, a menos que haya una mejor manera.

Ver captura de pantalla del problema a continuación

iPhone:

Cromo: