Swipe down to close ion-modal

Ionic Framework ionic-v3
1

Hello everyone, I use ion-modal with breakpoints, I only use breakpoint 1 on purpose as I want the handle to be visible and a tiny part of the backdrop to get that overlay feel

    <ion-modal
        ref="searchBarModal"
        :is-open="openModal"
        :initial-breakpoint="1"
        :breakpoints="[1]"
        @will-present="onModalWillPresent"
        @did-present="onModalDidPresent"
        @did-dismiss="handleResetResults"
    >
(....)

is there a way to close the modal now by swiping down? I know there used to be swipeToClose prop but that doesn’t seem to work. Should I create a gesture for it? What is your advice? Thank you

2

ok, so that was easier than I thought

<ion-modal
        ref="searchBarModal"
        :is-open="openModal"
        :initial-breakpoint="1"
        :breakpoints="[0, 1]"
        :swipe-to-close="true"
        @will-present="onModalWillPresent"
        @did-present="onModalDidPresent"
        @did-dismiss="onModalDidDismiss"
        @ion-breakpoint-did-change="handleBreakpointChange"
    >
(...)

and then in script

handleBreakpointChange(event) {
            // Check if the modal has reached the 0 breakpoint, if it did, close
            if (event.detail === 0) {
                this.funcToCloseModal()
            }
        },