Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ionic 4 tab bar overflow

I want made layout like this : enter image description here

But got this: enter image description here

My button is cutting by tab-bar. How I can solve this?
I try to add "overflow: visible" for all of tags, but it's doesn't work.
My template:

.place-button-wrapper{
    position: absolute;
    bottom: 20px;
}
<ion-tabs>
...
    <ion-tab-button tab="places">
      <div class="place-button-wrapper" >
        <img class="tabs-icon" src="assets/icons/mapiconelepse.png" alt="">
      </div>
    </ion-tab-button>
...
</ion-tabs>
like image 582
I.Bond Avatar asked Jan 30 '19 10:01

I.Bond


1 Answers

I fix that just adding "contain: none" to my ion-tabs.

like image 92
I.Bond Avatar answered Oct 19 '22 10:10

I.Bond