Question

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

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

这是Polymer Component内部HTML的快照。

＆＃13;

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

＆＃13;

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

聚合物纸 - 对话框 - 可滚动，纸张内部对话框模式在移动视图中的对话框内容中出现滚动问题滚动

0 个答案: