Modal dialog “聚合物1.0纸张”对话框显示极度压缩

我似乎无法让纸张对话框始终正确显示。它将正确显示一次，然后它将显示压缩下一次，当我点击它的点，它看起来像一条线。不幸的是，我无法添加它的图片，因为这是我的第一个问题

我已从此元素中删除了我的样式表，但我的其他元素的其他样式表是否会导致此问题？我应该看的任何方向都会很有帮助。 我使用以下内容设置此纸张对话框：

<paper-dialog id='addressDialog'
              opened="{{addressDialogOpened}}"
              no-cancel-on-outside-click
              no-cancel-on-esc-key
              entry-animation="slide-from-right-animation"
              exit-animation="scale-down-animation">
<div>
  <template is="dom-if" if="{{newAddressDialog}}">
    <h2>Add an Address</h2>
  </template>
  <template is="dom-if" if="{{editAddressDialog}}">
    <h2>Edit Address Information</h2>
  </template>
  <hr>
</div>  

添加地址
编辑地址信息

---

它也有一系列重复的模板。我在读关于纸张对话框的文章，它说它有一个标题、内容区域和按钮的空间。为了让它工作，我总是必须这样设置它吗？

所以我看到解决这个可怕问题的唯一方法就是使用“最小高度”样式和页面的某个百分比。在我的论文对话框中包含了这个元素之后，弹出窗口显示得非常完美。

额外的解决方案是添加

位置：固定编码到纸张对话框样式中，如：
：宿主纸张对话框{position:fixed；}
我发现默认的
纸张对话框
位置在条目动画结束之前没有设置为
fixed
，因此它最终对元素以及页面的其余部分做了各种奇怪的事情。将其设置为
位置：修复了CSS中前面所说的问题。