Prevent opening a new tab when dropping the file outside the drop area.

Updated on Dec 19, 2025

Environment

Product Version	8.1.1
Product	Progress® KendoReact Upload

Description

When I drop a file outside the drop area the file is opened in a new tab. How can I prevent this?

Solution

To prevent a file from opening in a new tab when dropped outside the drop area, call event.preventDefault() in the dragover and drop event handlers attached to the window object.

This example showcases this approach here:

Change Theme

Theme

Loading ...