Delete confirmation popup not displaying correctly

[Majid]

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:

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.

Thanks

Attachment: css_3ac7ada0.zip

[Vijay Ravi]

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:

Regards,

Vijay Ravi

[Majid]

Hi Vijay,

I replicated the problem in the attached zip file. 

Thanks,

Majid

Attachment: test_d0ce1ba8.zip

[Vijay Ravi]

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.

[Index.css]

.booking{

position: absolute;

    width: 70%;

}

[Output screenshot:]

Regards,

Vijay Ravi

[Majid]

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

[Vinitha Devi Murugan]

Majid,

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