github.com
/
excalidraw
mirror of https://github.com/excalidraw/excalidraw.git
1
0
Fork 0
Code Releases Wiki Activity

feat: enable drop event on the whole component (#3406) 

Co-authored-by: Thang Vu <thang.huu.vu@mgm-tp.com>
This commit is contained in:
Thang Vu 2021-04-06 22:17:00 +07:00 committed by GitHub
parent c2b40dff92
commit a0899966ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/App.tsx
View File

@ -409,7 +409,6 @@ class App extends React.Component<AppProps, AppState> {
onPointerUp={this.removePointer} onPointerUp={this.removePointer}
onPointerCancel={this.removePointer} onPointerCancel={this.removePointer}
onTouchMove={this.handleTouchMove} onTouchMove={this.handleTouchMove}
onDrop={this.handleCanvasOnDrop}
> >
{t("labels.drawingCanvas")} {t("labels.drawingCanvas")}
</canvas> </canvas>
@ -440,6 +439,7 @@ class App extends React.Component<AppProps, AppState> {
"excalidraw--view-mode": viewModeEnabled, "excalidraw--view-mode": viewModeEnabled,
})} })}
ref={this.excalidrawContainerRef} ref={this.excalidrawContainerRef}
onDrop={this.handleAppOnDrop}
> >
<LayerUI <LayerUI
canvas={this.canvas} canvas={this.canvas}
@ -3584,9 +3584,7 @@ class App extends React.Component<AppProps, AppState> {
} }
}; };
private handleCanvasOnDrop = async ( private handleAppOnDrop = async (event: React.DragEvent<HTMLDivElement>) => {
event: React.DragEvent<HTMLCanvasElement>,
) => {
try { try {
const file = event.dataTransfer.files[0]; const file = event.dataTransfer.files[0];
if (file?.type === "image/png" || file?.type === "image/svg+xml") { if (file?.type === "image/png" || file?.type === "image/svg+xml") {