Completed
Last Updated: 13 May 2026 10:33 by ADMIN
Release 2026 Q2
Aidan
Created on: 16 Aug 2021 08:25
Category: AsyncUpload
Type: Bug Report
2
RadAsyncUpload "Drop Files here" element remains visible when dragging a file quickly over and out of the DragZone

RadAsyncUpload "Drop Files here" element remains visible when dragging a file quickly over and out of the DragZone

Replicable in File Upload with Drag and Drop live demo.

Drag a file quickly through the DragZone without dropping it. The "Drop Files Here" element is shown but doesn't get hidden when the mouse leaves the DragZone (ondragleave).

 

1 comment
ADMIN
Rumen
Posted on: 13 May 2026 10:29

Hi Aidan,

Thank you for reporting this issue.

We identified and fixed the root cause. The "Drop files here" overlay was getting stuck visible when the drag cursor exited the drop zone quickly. This was caused by two factors:

  • The label element inside the drop zone was intercepting drag events, producing spurious browser event sequences that prevented the overlay from hiding.
  • In Chromium-based browsers (Chrome, Edge), hiding the overlay triggered a new drag-enter event on the parent element, which immediately re-showed the overlay.

The fix adds pointer-events: none to the drop zone label so it no longer interferes with drag events, and introduces a guard in the JavaScript drag-enter handler to prevent the parent element from re-showing the overlay when the cursor is moving within or out of the upload area.

The fix will be available in the next official 2026 Q2 release, scheduled for May 20.

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources