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

Delete confirmation popup not displaying correctly

Hi there,

I've been using the scheduler component in my program, but I just noticed that the delete confirmation dialog doesn't display correctly anymore. It looks like this:

Screen Shot 2022-12-22 at 9.32.27 PM.png

If I unlink my custom css file from the html file, then the problem gets resolved. However, I can't find the exact source of the issue, and I have no idea what it could be because I haven't touched the resource files either. I've attached my css file below for reference.


Attachment: css_3ac7ada0.zip

5 Replies

VR Vijay Ravi Syncfusion Team December 23, 2022 10:47 AM UTC

Hi Majid,

We prepared a sample based on your CSS styles and checked your reported problem with the delete confirmation dialog. It's rendered as expected. Share the information below if you're still having trouble.

  • Provide a sample that reproduces the issue or
  • Reproduce the issue in our shared sample.

Sample: https://stackblitz.com/edit/vq48yq?file=index.js,index.html

Output screenshot:


Vijay Ravi

MA Majid replied to Vijay Ravi December 30, 2022 02:42 AM UTC

Hi Vijay,

I replicated the problem in the attached zip file. 



Attachment: test_d0ce1ba8.zip

VR Vijay Ravi Syncfusion Team December 30, 2022 03:42 PM UTC

Hi Majid,


We checked your reported problem based on your shared sample at our end. In the.booking class in your code, you set the position value as "absolute style," which caused your reported problem. You can resolve the issue by removing it.



position: absolute;

    width: 70%;


[Output screenshot:]


Vijay Ravi

MA Majid replied to Vijay Ravi December 31, 2022 12:45 AM UTC

Thanks for the quick response! This fixed the problem as expected. 

VD Vinitha Devi Murugan Syncfusion Team January 3, 2023 07:19 AM UTC


You’re welcome! Please get back to us if you need any other assistance.

Live Chat Icon For mobile
Up arrow icon