Overlay the shadow out ionic component

@nuruddinba691 wrote:

The problem when I add shadow to any element inside any component not appear outside the parent component, There is Any way to overlay the shadow ?

 <ion-toolbar no-padding>
        <ion-segment [(ngModel)]="segment" color="segment-gray">
            <ion-segment-button value="Highlights">
                Highlights
            </ion-segment-button>
            <ion-segment-button value="Recent">
                Recent
            </ion-segment-button>
        </ion-segment>
    </ion-toolbar>

.toolbar{
       overflow: visible;
}
.segment {
	box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.09);
        background-color: #ffffff;
}

**The result is **

Screen Shot 2018-01-28 at 9.33.50 PM.png776x220 15.9 KB

Expected View

Screen Shot 2018-01-28 at 9.37.53 PM.jpg748x210 12.5 KB

Posts: 1

Participants: 1

Read full topic