We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

The ion-select alert is covered by dialog


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">


Live Chat Icon For mobile
Up arrow icon