Ionic 4 modal backdrop is over modal content

Ionic Framework
1

I’m trying to add a modal to my application, but when I open the modal the backdrop goes on top of the modal content. How can I fix this?

Here is the code I have to open the modal

async displayModal() {
  const modal = await this.modalController.create({
     component: NewGalleryFormComponent,
     componentProps: {}
  });

   return await modal.present();
}

My NewGalleryFormComponent does not have any code yet, just the default text. I generated using the ionic cli.

PNG
desktopview.PNG.jpg1295×789 12.3 KB

2

try this

async displayModal(){
let modal =await this. modalController.create('NewGalleryFormComponent', {},{
      showBackdrop: false,
       cssClass:'myClass'
    });
      return await modal.present();
}

can put “myclass” to give a style to your modal

3

If I set the backdrop to false it works fine.

4

I actually fixed with the original code I had. The issue was my template was missing the <ion-content padding> tags.

5

i’m struggling to activate my backdrop. examples i saw aren’t helping. Can i see your html part

6

I’m going to look at my files here and see what I did. I don’t remember right now.