Tabs have opacity:0

How did this get in the css? (note: opacity:0 at the bottom)

ion-tabbar {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
opacity: 0;


if I change it to opacity:1, the tabs become visible, but they simply overlay the page so the top of each tab is cut off. Any idea what’s going on?

Found the solution - I forgot to add <ion-content></ion-content> surrounding the tab views

1 Like