0

我的<paper-dialog-scrollable>功能在<paper-dialog>open内部存在modal滚动功能问题。滚动条偏移到页面内容中，仅在移动视图中。当我查看所有样式时，特别是如果任何边距或填充正在改变它，我找不到任何相关性。

对于上下文，它是纸质输入框的错误窗口的一部分。

这是 Polymer 组件中 HTML 的快照。

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

有人对这种结构有任何问题，或者知道可能导致滚动条偏移的任何样式吗？

4

0 回答 0