Dialog not rendered properly

Question

Hi,I wanted to implement the Dialog component which works great but the css seems to be broken. See attached image:I inspected the component and noticed that when I edit this:.e-dlg-content {    background-color: #fff;}when I disable the background-color it gets rendered properly. Now I inspected the Dialog on your demo site and it has the same css as mine (with backgroun-color enabled) and works.What might be the problem?Thanks. Paul

Rajendran R · Answer

Hi Paul, 

Thanks for contacting Syncfusion support. 

We have checked your query. Based on your provided details, we suspect that reported issue may occurs due to overriding the background color for dialog’s content. By default, dialog background color would be #fff (white) only. So, we are not able to reproduce the issue in our end. 

Could you please check whether any CSS styles overrides background color of dialog’s content element? Remove the styles, if any styles override from your application end.  

For your convenience, we have prepared the sample in the below link.  
https://stackblitz.com/edit/angular-in8zrp?file=src/main.ts 

Please modify the above sample by apply the CSS styles which you used in your application and share the modified sample to replicate the issue in our end. Otherwise share the CSS styles alone to replicate the issue in our end. It will help us to provide solution with other possible way. 

Please let us know if you need further assistance on this. 

Regards, 
Rajendran R