How to set height width of ion-modal and remove scrollbar in ionic 5 or 6 please help

I am using ionic 6 in that not able to set height width or ion-modal also getting scrollbar I need to remove scrollbar and need set height width

Filter and Sort Filter by : STATUS : {{item.text}}
</ion-row>
Reset To Default Apply Changes

please help me

In Ionic 6, I do the following to set the width and height for IonModal. For Ionic 5 it is similar but a little different since in v6 IonModal was converted to a real web component.

Edited 2025-01-09 for Ionic 8

<IonModal class="auto-height" style="--width: 95%">
    <div class="inner-content">
        <!-- Some content -->
    </div>
</IonModal>

<style>
ion-modal.auto-height {
    --height: auto;
}
ion-modal.auto-height::part(content) {
    position: relative;
    display: block;
    contain: content;
}
ion-modal.auto-height .ion-page {
    overflow: visible;
}
ion-modal.auto-height .inner-content {
    max-height: 80vh;
    overflow: auto;
}
</style>