Scroll content behind bottom sheet modal

Ionic Framework Ionic Vue
1

Loving the bottom sheet modal, but can’t for the life of me find the right options to allow the content area behind be able to scroll. Surely this is possible, seems maps are controllable with the bottom sheet visible?

<ion-content overflow-scroll="true">
            <div class="bg-slate-100">
            <ion-header collapse="condense">
                <ion-toolbar>
                    <ion-title size="large">Heritage</ion-title>
                </ion-toolbar>
            </ion-header>

            <div id="container" class="h-full flex">
                <ion-card v-for="item in data"
                    :key="item.id"
                    :id="item.id">
                    <ion-card-header>
                        <ion-card-subtitle>{{ item.subtitle }}</ion-card-subtitle>
                        <ion-card-title>{{ item.title }}</ion-card-title>
                    </ion-card-header>

                    <ion-card-content>
                        {{ item.description }}
                    </ion-card-content>
                </ion-card>
            </div>
            </div>
        </ion-content>
        <ion-modal
            :is-open="true" // Have also tried false here
            :breakpoints="[0.1, 0.5, 1]"
            :initialBreakpoint="0.1"
            :backdropDismiss="false"
            :keyboardClose="false"
            :animated="true"
            :swipeToClose="false"
            :swipeHandler="false"
            :showBackdrop="false"
        >
            <ion-content class="subpixel-antialiased">
                <div class="p-4">
                    Modal Content
                </div>
            </ion-content>
        </ion-modal>
2

Found it.

:backdrop-breakpoint="0.75" // or which ever position you'd like.

As identified here ion-modal: Ionic Mobile App Custom Modal API Component Though it doesn’t explicitly explain how its achieved - thanks Ionic…