Лист из полимерного железа не прокручивается при помощи колеса прокрутки

Question

В общем, я не могу заставить свой железный список прокручивать колесо прокрутки. Все отображается нормально, но колесо прокрутки ничего не делает. Я могу взять полосу прокрутки и перейти вниз по своему контенту, а также могу щелкнуть по центру колесико прокрутки, чтобы включить автоматическую прокрутку. Все содержимое отображается правильно.

Вот элемент, который у меня есть:

<paper-dialog style="70vw" entry-animation="scale-up-animation" exit-animation="fade-out-animation"  no-cancel-on-outside-click>
    <iron-list style="height: 80vh" items="{{allIcons}}" as="iconSets">
      <template>
        <div>
          <h3>{{iconSets.Key}}</h3>
          <paper-listbox attr-for-selected="name" selected="{{style.icon}}">
            <template is="dom-repeat" items="{{iconSets.Icons}}" as="icons">
              <iron-icon name="{{icons}}" icon="{{icons}}" style="color:#222; height:4vh; width:4vh; cursor:pointer; padding:6px" on-click="moreIconsSelection"></iron-icon>
            </template>
          </paper-listbox>
          <hr/>
        </div>
      </template>
    </iron-list>
    <div class="buttons">
      <paper-button on-click="moreIconsClose" style="background-color:#222; color:white; float:right; margin-top:24px">Back</paper-button>
    </div>
</paper-dialog>

Этот бумажный диалог открывается нажатием кнопки, которая вызывает функцию javaScript. Я предполагаю, что проблема заключается в некоторых проблемах стиля между бумажным диалогом и железным списком вверху, видя, что сам контент в порядке.

Опять же, все данные загружаются правильно, я просто не могу понять, почему колесо прокрутки не работает для навигации по контенту. Любые предложения будут высоко ценится!

Спасибо