Polymer Papier-Dialog nicht zentriert

Wenn ich in meiner Polymer-App einen Papierdialog mit einem iPhone öffne, wird dieser nicht zentriert, sondern mit Chrome oder Safari auf einem Desktop-Mac oder PC geöffnet.

Ich konstruiere dynamisch das paper-dialog-Element und platziere es mit Javascript in der DOM-Vorlage. Anschließend rufe ich @ auopen():

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

Ich verwende keine speziellen Stile oder Medienabfragen. Der Grund, warum ich das Dialogfeld programmgesteuert hinzufüge, besteht darin, dass zu verschiedenen Zeiten Unmengen unterschiedlicher Dialogfeldmeldungen und unterschiedlicher Inhalte angezeigt werden und jeder von ihnen einen Rückruf auf einem anderen Bildschirm aufrufen sollte. Dies hängt davon ab, wer das Dialogfeld hinzugefügt hat. Mit anderen Worten, ich muss meine Dialoge wie in @ hinzugefügt hab angle-material's $ mdDialog, Ich weiß, dass es für Polymer nicht so trivial ist, vielleicht nicht für die beabsichtigte Verwendung, aber für meinen Fall ist es das, was ich brauche, es sei denn, es gibt einen besseren Weg.

Siehe Screenshot des Problems unten

iPhone:

Chrom: