Панель приложения Vuetify находится ниже содержимого. Как мне это исправить?

Question

Я использую Vuetify. js.

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

Я думаю, что просто установить z-index вызывает много проблем.

пример codepen

структура моего приложения (псевдо)

<v-app>
  <v-app-bar app absolute shrink-on-scroll prominent scroll-target"#a">
  <v-sheet id="a" overflow-y-auto>
    <v-content>
      <keep-alive>
        <router-view>
          ..
            <v-container>
              <v-col>
                <v-expansion-panels>
                  ...
          ..

  <v-footer>

Answer 1

Просто удалите absolute опору из v-app-bar компонента:

<v-app>
  <v-app-bar app  shrink-on-scroll prominent scroll-target"#a">
  <v-sheet id="a" overflow-y-auto>

отметьте это ручка