Skip to content

Commit a727174

Browse files
tbrandtbrandaws
andauthored
[Use Case Builder] Fix for drag & drop not working in Windows Edge (#1231)
Co-authored-by: Taichiro Suzuki <taichirs@amazon.co.jp>
1 parent 71e1933 commit a727174

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

packages/web/src/components/useCaseBuilder/UseCaseBuilderView.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -454,13 +454,18 @@ const UseCaseBuilderView: React.FC<Props> = (props) => {
454454
const handleDragOver = (event: React.DragEvent) => {
455455
// When a file is dragged, display the overlay
456456
event.preventDefault();
457+
event.stopPropagation();
457458
setIsOver(true);
458459
};
459460

460461
const handleDragLeave = (event: React.DragEvent) => {
461462
// When a file is dragged, hide the overlay
463+
event.stopPropagation();
462464
event.preventDefault();
463-
setIsOver(false);
465+
466+
if (!event.currentTarget.contains(event.relatedTarget as Node)) {
467+
setIsOver(false);
468+
}
464469
};
465470

466471
const handleDrop = (event: React.DragEvent) => {

0 commit comments

Comments
 (0)