feat: Add support to lock sheet modal height at set breakpoint

Prerequisites

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

Describe the Feature Request

The sheet modal currently allows setting a new breakpoint after it has been presented, but this cannot be locked in place and the sheet will grow in height if the user attempts to scroll a list or date (month view). This feature request is to suggest adding a method to HTMLIonModalElement that enables/disables changing modal breakpoint.

Describe the Use Case

When attempting to scroll through a child element like ion-datetime in month-year presentation,

Describe Preferred Solution

Add a HTMLIonModalElement.lockBreakpoint(boolean?) that enables/disables breakpoint height changes

Describe Alternatives

No response

Related Code

async showTimelist() {
    if (this.rangeType === 'custom') {
      const modal = await this.modalCtrl.getTop();
      modal.setCurrentBreakpoint(1);
      modal.lockBreakpoint(true);
    }
 }

async onDateClick() {
    const modal = await this.modalCtrl.getTop();
    modal.lockBreakpoint();
  }

  async onDateBlur() {
    const modal = await this.modalCtrl.getTop();
    modal.lockBreakpoint(false);
  }

Additional Information

No response

[liamdebeasi]

Thanks! As noted in https://github.com/ionic-team/ionic-framework/issues/25641#issuecomment-1189021271 this would be solved by https://github.com/ionic-team/ionic-framework/issues/24631. Please follow that thread for updates on this feature.

[EinfachHans]

Duplicate of #24631 i guess? 😊