feat: canLeave event for overlays

[EinfachHans]

Feature Request

Ionic version:

[x] 5.x

Describe the Feature Request

I want to add a CanLeave() Event on Overlays (mainly iOS card Style modal, but also for upcoming drawer) which should be somehow triggered while swiping. See attached Video of how native Web.de Mail-App handles this:

If nothing was typed in, i can just swipe to close the modal. If i did, the swipe doesn't go to the end and shows a Action Sheet after i released.

Describe Preferred Solution

I think this should automatically work if a CanDismiss Callback is set to the Modal Element. This should be able to parse a boolean, or better a Promise or even better both.

[BerkeAras]

@EinfachHans Good idea, but isn't it possible to something like that with ionModalWillDismiss

[EinfachHans]

@BerkeAras it doesn't change the animation and i think i'm not able to "cancel" the dismissing here

[BerkeAras]

@EinfachHans event.preventDefault does not work?

[EinfachHans]

You don't have a event here and even if you have this won't be async and more a workaround then a solution @BerkeAras

[roman-rr]

@EinfachHans

You don't have a event here and even if you have this won't be async and more a workaround then a solution @BerkeAras

Ok I see. Slower drag if dismiss not allowed. And preventDismiss(true/false)
Please make new feature request.

[liamdebeasi]

Merged #22626 into this issue. I think this is an interesting feature and can see this being useful for modals in general, not just card-style modals.

[EinfachHans]

@liamdebeasi My PR is for normal Modals as well 😃

[liamdebeasi]

Thanks for the issue. This has been resolved via #24928, and this feature will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.