How to make Ion modal stay on page?

Ionic Framework
1

In ionic 6, I’m using the bottom sheet modal. I’m trying to figure out a way to make the opened bottom sheet modal to stay open even if user clicks on another element of the page.

I theres some documentation on this by adding a property in the html:

<ion-modal [isOpen]="true" [canDismiss]="canDismiss">

but it does not show an example for using it programmatically. I call the modal using TS. is there a way to use this canDismiss using ts?

2

Guess what you want is more a sheet modal. Try setting breakpoints, initialBreakpoint and backdropBreakpoint

1 Like
4

Thank you! the backdropBreakpoint is what i was looking for!