CSS Issue with Ion-tab-bar and ion-content issue - iOS build

@1Samit1 wrote:

I have tried to style the ion-tab-bar for my app using the following style:

ion-tab-bar{
    position: absolute;
    border-radius: 10px;
    width: 95%;
    margin: 5px 2.5%;
    bottom: 0px;
}

ion-tabs{
    padding-bottom: 66px;
    background: linear-gradient(to bottom right, #2CD695, #979CD6);
}

When building for Android there are no Issues as it displays it exactly as styled. However when building for iOS the css border-radius is completely ignored. Along with this the top of the ion-content seems to be under the statusbar whereas in Android no such issue is faced. Please see the attached screenshots.

Hope to get some quick advice from the community. Thanks in advance

iPhone 11

Screen Shot 2020-04-16 at 1.52.26 pm898×1866 110 KB

iPhone 8

Screen Shot 2020-04-16 at 2.04.35 pm858×1704 115 KB

Android

Screen Shot 2020-04-16 at 2.18.58 pm858×1704 153 KB

Posts: 1

Participants: 1

Read full topic