I am currently working on improving the appearance of my modal when it is displayed.
When the screen size is large, there is a translucent backdrop that is caused by the min-height css. While I do not have an issue with the min height itself, I would like the entire background to be white.
The modal is created in the usual way and then presented using the following code:
this.modalCtrl.create({
component: AddCommentPage,
componentProps: { id: this.place.id }
}).then((element) => element.present());
Here is how the modal looks when the screen is large:
https://i.sstatic.net/njAhQ.png
And this is how it appears when the screen is small (it should be full screen):