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

[Wayne]

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.

[Vinoth Kumar Sundara Moorthy]

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 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-348066264 

 

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? 

 

Regards, 

Vinoth Kumar S 

[Wayne]

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.

Wayne.

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

Attachment: WebApplication13_8df5b718.zip

[Prince Oliver]

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: 

https://www.syncfusion.com/feedback/7389/  

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. 

[index.cshtml] 

<style> 

    .e-upload .e-upload-files .e-icons:focus { 

        outline: none; 

    } 

</style> 

Regards, 

Prince 

[Wayne]

Thank you.

This worked 100%.

[Prince Oliver]

Hi Wayne, 

Most Welcome. We are glad to help you. 

Regards, 

Prince 

[Narayanasamy Panneer Selvam]

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.  

Release Notes: https://ej2.syncfusion.com/documentation/release-notes/17.2.35/#uploader 

Regards, 

Narayanasamy P.