Question

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

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

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

它也有一系列模板重复。我正在阅读纸质对话框，它说它有空间用于标题，内容区域和按钮。我是否总是必须以这种方式进行设置才能使其正常工作？

Answer 1

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

Answer 2

所以我看到解决这个可怕问题的唯一方法是使用＆＃34; min-height＆＃34;和页面的一些百分比。在我的论文对话元素中包含了这些后，弹出窗口显示完美。

Polymer 1.0纸张对话框显示极度压缩

2 个答案: