Полимерная бумага - диалоговое окно с прокруткой, внутри бумажного диалогового окна есть прокрутка, появляется вопрос прокрутки внутри содержимого диалога в мобильном представлении.

Мой <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>

Кто-нибудь имел какие-либо проблемы с такой структурой, или знаете, какой-либо стиль, который может вызывать смещение полосы прокрутки?

0 ответов

Другие вопросы по тегам