Ionic Sheet modal clicks into background

Ionic Framework
1

I am trying to click into and use a google map view together with a sheet modal.
However, when the modal is open clicks do not make it to the map.

Is it because of the background dismiss? How can I have both items open at the same time so that taps into the map will change the sheet modal content?

<ion-content>
  <div class="map-wrapper">
    <div id="map" #map></div>
  </div>

  <ion-modal id="mapModal #mapModal"
    [isOpen]="mapModalIsOpen"
    [initialBreakpoint]="0.1"
    [breakpoints]="[0.1, 0.25, 0.5, 0.75]"
    handleBehavior="cycle"
    [backdropDismiss]="false"
  >
    <ng-template>
      <ion-content class="ion-padding">
        <ion-button click="breakpoint()" expand="block">ASDF</ion-button>
      </ion-content>
    </ng-template>
  </ion-modal>
</ion-content>
2

You can use backdropBreakpoint for this.

Set this to the breakpoint where the backdrop should be start to be visible, for example if you want users to be able to interact with the map in the background for the first to breakpoints, set it to 0.25

3

Thanks, this works! Didnt see it in the docs :slight_smile: