The ion-select alert is covered by dialog

Hi 

I add a ion-select in the dialog page, but the ion-select popuped the alert contrl is covered by the current dialog.

The alert contrl z-index is bigger than the dialog z-index. I don't know why. Please helpe me.

The ion-alert z-index is 20001, but in the <ion-app>


The dialog z-index is 1012, but not in the <ion-app>.




1 Reply

VJ Vinitha Jeyakumar Syncfusion Team December 28, 2022 06:18 AM UTC

Hi lorryl,

Your reported issue can be resolved by using the Z-index property of the Dialog control. using that you can change the Z-index value higher than your ion-alert popup.


Code snippet:
  <ejs-dialog id='dialog' #ejDialog content='This is a Dialog with content' [target]='targetElement' width='250px' zIndex="20002">
  </ejs-dialog>`

Regards,
Vinitha

Loader.
Up arrow icon