Issue: Material UI BottomSheet Not Expanding on iOS 18.1 (NativeScript Angular) #475
Description
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.