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

Uploader Remove File Animation creates a blue circle that goes out of bounds

I have created a video, to illustrate this as it is too hard to describe.

Basically a blue circle appears when the upload file is removed, the blue circle indicates icon selection, and the inter "Pink" circle animates the removal process.
The blue circle which is supposed to indicate the selection then moves around the outer edge of the "remove icon" in a circular motion.

"almost like two gears working together"

Attachment: Upload_Cancel_Spinner.mov_f6cee07f.zip

After doing some more tests, it seems that this is only happening on Safari browser and  not on Chrome.

6 Replies

VK Vinoth Kumar Sundara Moorthy Syncfusion Team July 6, 2019 03:07 AM UTC

Hi Wayne, 
Good day to you. 
We have checked the reported issue and were able to reproduce the it. By default, when removes the uploaded file the pink spinner indicates the removal process and blue color indicates the focusing of removing icon. There are no blue spinner spins together with pink spinner. This is default behavior of our control and we suspect that you have overridden some styles of spinner that could add another spinner. 
Please find the simple sample from below link 
Meanwhile, we would like to know below information that could help us to understand and provide exact solution at our end. 
1.       Share your code snippet with customized CSS to replicate the issue 
2.       If possible please provide the issue reproducible sample 
Could you please check the above sample and get back to us with requested information? 
Vinoth Kumar S 

WA Wayne July 6, 2019 05:41 AM UTC

I have created a test project and was able to simulate the "spinner" that moves out of bounds.

1) Use Safari browser
2) I have used a large file for testing, something that is 200MB
3) and also canceling the upload after a few chunks have been transferred,
4) then I press the Remove Button which should reveal the problem

Thanks for the support.

If you have time please see that the transfer rate is also not updating. 

Attachment: WebApplication13_8df5b718.zip

PO Prince Oliver Syncfusion Team July 10, 2019 10:20 AM UTC

Hi Wayne, 

Thank you for the sharing the test project. We have validated the reported scenario in our end. We are considering this as a defect in our end. The fix for the issue will be included in our upcoming patch release which is expected to be rolled out by the end of July 2019. You can track the status of the issue through our Feedback portal and contact us for any further information through the following link: 

We suggest you use the below work around solution to get rid of the reported issue at our end until the patch release is available. 

    .e-upload .e-upload-files .e-icons:focus { 
        outline: none; 


WA Wayne July 17, 2019 03:12 AM UTC

Thank you.

This worked 100%.

PO Prince Oliver Syncfusion Team July 17, 2019 06:50 AM UTC

Hi Wayne, 

Most Welcome. We are glad to help you. 


NP Narayanasamy Panneer Selvam Syncfusion Team August 2, 2019 02:53 AM UTC

Hi Wayne, 
Greetings from Syncfusion. 
We are pleased to inform you that fix for the reported issue has included in the recent patch release. Kindly update your syncfusion packages to latest version.  
Narayanasamy P. 

Live Chat Icon For mobile
Up arrow icon