-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug: sheet modal backdrop animation is incorrect when backdropBreakpoint is 1 #25402
Comments
Hello @EinfachHans can you describe the visual requirements of your app that caused you to use It appears that you are wanting the background content to always be interact-able when the sheet modal is expanded. If this is the case, wouldn't you be using this with a combination of Is the expectation that when using a value of |
Hey @sean-perkins , yes that's right. Sheets are created very dynamically in our app and with the fact that in the future breakpointa may be reactive, i feel like this should work automatically. |
Thanks for the added detail! Can you test with this dev-build and let me know if the problem is resolved:
Our calculation for the animation was evaluating to |
@sean-perkins works 😊 |
Updated dev-build: Previous build had issues with transitions when using partial backdrop breakpoint values. |
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
Current Behavior
When using a Sheet Style Modal with
backdropBreakpoint: 1
the backdrop is buggy when the modal snaps back:Expected Behavior
The backdrop should not be shown here of course
Steps to Reproduce
See attached Repo. Just drag the sheet down and release it
Code Reproduction URL
https://github.com/EinfachHans/ionic-sheet-modal-issue
Ionic Info
Ionic:
Ionic CLI : 6.19.1 (/Users/hans/.nvm/versions/node/v16.14.2/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.1.8
@angular-devkit/build-angular : 13.2.6
@angular-devkit/schematics : 13.2.6
@angular/cli : 13.2.6
@ionic/angular-toolkit : 6.1.0
Capacitor:
Capacitor CLI : 3.5.1
@capacitor/android : not installed
@capacitor/core : 3.5.1
@capacitor/ios : not installed
Utility:
cordova-res (update available: 0.15.4) : 0.15.1
native-run : 1.6.0
System:
NodeJS : v16.14.2 (/Users/hans/.nvm/versions/node/v16.14.2/bin/node)
npm : 8.6.0
OS : macOS Monterey
Additional Information
No response
The text was updated successfully, but these errors were encountered: