Polymer 1.0 paper-dialog 显示极度压缩

Question

我似乎无法让 paper-dialog 始终正确显示。它会正确显示一次，然后在我单击它时显示为压缩状态，直到它看起来像一条线。不幸的是，我无法添加图片，因为这是我的第一个问题。

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

<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>

它也有一系列的模板重复。我正在阅读有关纸质对话框的内容，它说它有 space 用于 header、内容区域和按钮。我是否总是必须以这种方式设置它才能正常工作？

Answer 1

所以我看到解决这个可怕问题的唯一方法是使用 "min-height" 的样式和一定比例的页面。在我将其包含在我的纸质对话元素中之后，弹出窗口完美显示。

Answer 2

其他解决方案是将 position: fixed; 添加到您的纸质对话样式中，例如： :host paper-dialog { position: fixed; }

Polymer 1.0 paper-dialog 显示极度压缩

Polymer 1.0 paper-dialog shows extremely compressed

modal-dialog

polymer-1.0