Vue.js с материалом Vue; прокрутки

В настоящее время я работаю над проектом, где я использую vue.js с vue-материалом и vue-router (последние версии каждого из них). Я не знаю почему, но если основное содержание выше, чем высота экрана, я не могу прокручивать вниз, в браузере нет прокрутки, просто элемент выходит за пределы экрана.

Например: если я сделал динамический список, если я поместил 3 component в список, они будут видны, но я ставлю 10 component тогда я могу видеть 4-5, нет возможности прокручивать вниз. Теперь я выяснил, определяю ли max-height в css md-layout component списка (что содержит component элементов списка), тогда появляется прокрутка, но в элементе md-layout, а не на странице,

  <main class="main-content">
    <router-view></router-view>
  </main>

Почему материалы vue.js и/или vue работают так?

Спасибо за ответы заранее!