Issue: Material UI BottomSheet Not Expanding on iOS 18.1 (NativeScript Angular)

[harisejaz10p]

I am using @nativescript-community/ui-material-bottomsheet in a NativeScript Angular project, and the bottom sheet is not expanding properly on iOS 18.1, but it works fine on Android.

Video

Screen_Recording_2025-02-24_at_5.14.22_PM.mov

Main Component

  openBottomSheet(): void {
    const options: BottomSheetOptions = {
      viewContainerRef: this.viewContainerRef,
      peekHeight: 200, // Expected to start at 200dp and be expandable
      trackingScrollView: "test" // Ensuring smooth scrolling
    };

    this.bottomSheet.show(DetailsComponent, options).subscribe((result) => {
      console.log("Option selected:", result);
    });
  }
}

Details Component

@Component({
  selector: 'app-details',
  template: `
    <StackLayout height="600" backgroundColor="black">
    </StackLayout>
  `,
})
export class DetailsComponent {}

Dependencies

"dependencies": {
  "@angular/platform-browser-dynamic": "~18.0.0",
  "@angular/router": "~18.0.0",
  "@nativescript-community/gesturehandler": "^2.0.32",
  "@nativescript-community/ui-material-bottomsheet": "^7.2.70"
}

✅ Android → The bottom sheet starts at peekHeight: 200 and expands properly.
❌ iOS 18.1 → The bottom sheet does not expand beyond peekHeight, even when dragging.

[farfromrefug]

@harisejaz10p cant fix this as i dont have a macbook anymore. No more iOS dev for me until september at least.
If someone wants to have ago at it, open to PR

[harisejaz10p]

@farfromrefug Thanks for the quick response! Could you tag a contributor who can take a look? Too bad you're already occupied I appreciate your help! If someone can take a look, I'd be happy to buy them a coffee or soda as a thank you! 😊

[farfromrefug]

@harisejaz10p not sure who to tag. Ask on the discord to see if someone can help