Ion-footer-bar and bar-footer stay at the top

hi , i wanted to implement a footer for button for my page . However, the footer keeps remain at the top or even overlaps with my ion-content. please help

<ion-header-bar >


        <button class="button button-clear button-balanced" ng-click="acceptTc()">Accept</button>

a little bit more of your source code would be nice

can you paste your code on

The same here.

I use:
@ionic/core”: “5.0.0-dev.202001091948.d73aaa9”,
@ionic/vue”: “0.0.9”,

With this in Vue component:


        <ion-vue-router name="header"></ion-vue-router>


        <ion-tab-button v-for="item in content.pages" :key="" @click="$router.push('/page/' +">
          <ion-label>{{ item.short_title }}</ion-label>
          <ion-icon name="alarm"></ion-icon>


Another maybe related issue:
put around will cause it invisible (I can not see what causes this invisibility). Content will became visible when I move it from in devtools or in code.

Solved by adding Ionic CSS inclusion in main.js:

import "@ionic/core/css/core.css";
import "@ionic/core/css/ionic.bundle.css";

Inspired by: