Полимерная бумага - диалоговое окно с прокруткой, внутри бумажного диалогового окна есть прокрутка, появляется вопрос прокрутки внутри содержимого диалога в мобильном представлении.
Мой <paper-dialog-scrollable>
особенность, внутри <paper-dialog>
открыть modal
, имеет проблему с возможностями прокрутки. Полоса прокрутки смещается в содержание страницы, только в мобильном представлении. Когда я просматриваю все стили, особенно если какие-либо поля или отступы меняют их, я не могу найти никакой корреляции.
Для контекста, это часть окна ошибки бумажного поля ввода.
Это снимок HTML-кода внутри компонента Polymer.
<paper-input-error id="error">
<paper-dialog autoFitOnAttach="true" opened=[[modalOpen]] modal="true">
<div class="close-div">
<paper-button class="close-button" on-Click="_modalClose" autofocus><iron-icon class="close-icon" icon="icons:cancel"></iron-icon></paper-button>
</div>
<div>
<h3>{{resultMessage}}</h3>
<template is="dom-if" if="[[resultArray.1]]">
<paper-dialog-scrollable id="scrollable-area">
<div class="dialog" id="suggestList">
<template is="dom-repeat" items="[[resultArray]]">
<template is="dom-if" if="{{_isHeader(item.type)}}">
<div class="typeahead-header"><iron-icon class="typeahead-icon" icon="[[item.icon]]"></iron-icon> [[item.value]]</div>
</template>
<template is="dom-if" if="{{_isValue(item.type)}}">
<div>
<paper-item on-mouseenter="_mouseenterItem" class="selectable paper-items" value="[[item]]">
<paper-ripple></paper-ripple>
<span id="error-item">[[item.value]]</span>
</paper-item>
</div>
</template>
</template>
</div>
</paper-dialog-scrollable>
</template>
</div>
<div class="buttons">
<paper-button class="text-close" on-Click="_modalClose" autofocus><strong>Close</strong></paper-button>
</div>
</paper-dialog>
</paper-input-error>
Кто-нибудь имел какие-либо проблемы с такой структурой, или знаете, какой-либо стиль, который может вызывать смещение полосы прокрутки?