Problem: Displaying p-toast within p-dynamicdialog in PrimeNG

[EfrenHerrera]

The objective is to display a p-toast component inside a p-dynamicdialog in PrimeNG. However, there are some challenges with this setup:

Placement Issue: When the p-toast is placed within the p-dynamicdialog, it gets confined to the dialog-content section, appearing inside the dialog rather than outside, on the backdrop.

Overlapping or Containment: The p-toast component is sometimes contained within the dialog-content area and doesn’t appear as expected in the desired overlay or backdrop area, potentially being hidden under the dialog.

Styling/Positioning: The position of the p-toast may not be fixed or may conflict with the dynamic dialog's structure, causing the toast notifications to not show in the correct z-index or outside the dialog.

Objective:
To find a solution that allows p-toast to display correctly within the p-dynamicdialog while avoiding issues like containment inside the dialog's content, incorrect z-index, and visibility problems.

[EfrenHerrera]

Hi @atakantepe,

We are facing an issue with displaying the p-toast inside the p-dynamicdialog in PrimeNG. The problem is that the p-toast gets confined within the dialog content, rather than appearing over the backdrop. This leads to the toast being hidden or overlapping the content, and it doesn’t display as expected.

We need to find a way to ensure that the p-toast shows properly, ideally outside the dialog’s content area, and in a manner where it won’t be confined to the dialog's layout or z-index issues.

If you have any suggestions or solutions, that would be really helpful.

Thanks!

[EfrenHerrera]