You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v7.x
Current Behavior
When swiping down from its handle, the ion-modal starts swiping from the bottom and doesn't respond to touch movements. This issue only occurs on mobile phone resolutions; when tested on desktop resolutions, everything works as expected. And if you open the modal on desktop resolution first and resize the browser to mobile resolution, everything works as expected as well.
My reproduction code appears to be identical to the official Ionic blank starter, with the only modification being the replacement of the content in src/views/HomePage.vue with the Card Modal example from the Ionic documentation, along with the addition of breakpoints and initial-breakpoint attributes to test the issue. No other changes have been made.
The text was updated successfully, but these errors were encountered:
As noted in #29003 (comment), this is due to us not supporting presentingElement with the sheet modal. You can follow #24068 for updates on this behavior.
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.
Prerequisites
Ionic Framework Version
v7.x
Current Behavior
When swiping down from its handle, the
ion-modal
starts swiping from the bottom and doesn't respond to touch movements. This issue only occurs on mobile phone resolutions; when tested on desktop resolutions, everything works as expected. And if you open the modal on desktop resolution first and resize the browser to mobile resolution, everything works as expected as well.mode = ios
Kapture.2024-02-08.at.20.42.54.mp4
mode = md
Kapture.2024-02-08.at.20.57.18.mp4
Expected Behavior
The
ion-modal
should swipe to close as normal.Steps to Reproduce
ion-modal
component from the documentation: https://ionicframework.com/docs/api/modal#card-modal.breakpoints
to[0, 1]
andinitial-breakpoint
to1
. (Values are not important for reproducing the issue according to my experience.)ion-modal
.Code Reproduction URL
https://github.com/ozgurg/ionic-ion-modal-presenting-element-initial-breakpoint-breakpoints-issue
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/Users/ozgurg/.nvm/versions/node/v18.18.2/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 7.7.1
Capacitor:
Capacitor CLI : 5.7.0
@capacitor/android : not installed
@capacitor/core : 5.7.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v18.18.2 (/Users/ozgurg/.nvm/versions/node/v18.18.2/bin/node)
npm : 9.8.1
OS : macOS Unknown
Additional Information
My reproduction code appears to be identical to the official Ionic blank starter, with the only modification being the replacement of the content in
src/views/HomePage.vue
with the Card Modal example from the Ionic documentation, along with the addition ofbreakpoints
andinitial-breakpoint
attributes to test the issue. No other changes have been made.The text was updated successfully, but these errors were encountered: