bug: Bottom Sheet expands beyond safe area

[willmartian]

Prequisites

• 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

Current Behavior

An ion-modal with this.breakpoints=[..., 1] will extend beyond the top safe area:

Screen.Recording.2021-09-02.at.11.26.07.AM.mov

Expected Behavior

The modal and modal handle should respect the safe area so it isn't covered by the hardware notch in ios mode.

Steps to Reproduce

1. Init an Ionic starter app
2. Add <ion-modal breakpoints=[0, 1]></ion-modal>
3. Run on an iOS device or simulator
4. Open modal and observe

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

No response

[liamdebeasi]

Thanks for the issue. This has been resolved via #23884, and a fix 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.