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).
The MaxFileSize property is an int - this means a limit over 2GB can't be set. Please change this property to a long.
Workaround - Toggle drop zone visibility or enable/disable it, using AsyncUpload OnClientFileUploaded and OnClientFileUploadRemoved events: <div class="dropfile" style="height: 20px; width: 120px; background-color: red; display: block"> </div> <telerik:RadAsyncUpload ID="fimFileImport" runat="server" DropZones=".dropfile" MaxFileInputsCount="1" RenderMode="Lightweight" OnClientFileUploaded="OnClientFileUploaded" OnClientFileUploadRemoved="OnClientFileUploadRemoved" > </telerik:RadAsyncUpload> <script type="text/javascript"> function OnClientFileUploaded(sender, args) { var maxFileCount = sender.get_maxFileCount(); var uploadedFilesLength = sender.getUploadedFiles().length; if (maxFileCount === uploadedFilesLength) { $telerik.$('.dropfile').hide(); } } function OnClientFileUploadRemoved(sender, args) { var maxFileCount = sender.get_maxFileCount(); var uploadedFilesLength = sender.getUploadedFiles().length; if (maxFileCount > uploadedFilesLength) { $telerik.$('.dropfile').show(); } } </script>