No meu aplicativo de polímero, quando abro uma caixa de diálogo em papel usando um iPhone, ele não está centralizado, em vez de abri-lo usando o Chrome ou o Safari usando um Mac ou PC de mesa.

Estou construindo dinamicamente o elemento paper-dialog e colocando-o no modelo DOM usando javascript e depois chamandoopen():

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

Não estou usando estilos especiais ou consultas de mídia. A razão pela qual estou adicionando a caixa de diálogo de forma programática é porque tenho toneladas de mensagens diferentes e conteúdos diferentes para mostrar em momentos diferentes, e cada uma delas deve chamar um retorno de chamada em uma tela diferente, depende de quem adicionou a caixa de diálogo. em outras palavras, preciso adicionar minhas caixas de diálogo como em$ mdDialog de material angular, Sei que não é tão trivial para polímeros, talvez não seja o uso pretendido, mas para o meu caso é disso que preciso, a menos que haja uma maneira melhor.

Veja a captura de tela do problema abaixo

Iphone:

Cromada: