bug: sheet modal backdrop animation is incorrect when backdropBreakpoint is 1

[EinfachHans]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

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

[sean-perkins]

Hello @EinfachHans can you describe the visual requirements of your app that caused you to use [backdropBreakpoint]="1" here?

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 [showBackdrop]="false"?

Is the expectation that when using a value of 1, the sheet modal behaves as if the backdrop is not visible?

[EinfachHans]

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.

[sean-perkins]

Thanks for the added detail! Can you test with this dev-build and let me know if the problem is resolved:

6.1.9-dev.11654617845.1b4d9725

Our calculation for the animation was evaluating to NaN, since 1 / 1 - backdropBreakpoint becomes Infinity.

[EinfachHans]

@sean-perkins works 😊