fix(modal): card modal can now be swiped to close on the content

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: resolves #22046

What is the new behavior?

• Card modal can now be swiped to close from ion-content
• See https://www.notion.so/ionic/Modal-813deb5422fb48a48ff554ef2466163e for a list of when the swiping should/should not happen.

Does this introduce a breaking change?

• Yes
• No

Other information

Dev build: 6.1.3-dev.11650647187.10053e0b

[averyjohnston]

I'm unable to swipe the modal closed on the new card-scroll-target test; should I be able to? I'm testing on both my PC (Windows Chrome 100.0.4896.127) and my phone (Android 12 Chrome). I've tried swiping on both the header and the content.

[liamdebeasi]

Are you testing in MD mode or iOS mode? The card modal is only available in iOS mode.

[averyjohnston]

Aha, that explains it 😆 Sorry about that.