Paper-dialog Polymer 1.0 показывает чрезвычайно сжатый

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

Таким образом, единственным способом, который я видел, чтобы исправить эту страшную проблему, было использование стиля «min-height» и некоторого процента страницы. После того, как я включил это в свои элементы диалогового окна, всплывающие окна показывались отлично.

Answer 2

Дополнительное решение добавить position: fixed; в свой бумагоделательной-диалог стиля, как: :host paper-dialog { position: fixed; }