Allow event defaults on index for text data transfer (#9840)

This commit is contained in:
tmm576 2019-01-17 17:27:51 -05:00 committed by Thibaut Girka
parent a93cb340bd
commit 9b5810b3e9
1 changed files with 6 additions and 0 deletions

View File

@ -166,6 +166,7 @@ export default class UI extends React.Component {
} }
handleDragOver = (e) => { handleDragOver = (e) => {
if (this.dataTransferIsText(e.dataTransfer)) return false;
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@ -179,6 +180,7 @@ export default class UI extends React.Component {
} }
handleDrop = (e) => { handleDrop = (e) => {
if (this.dataTransferIsText(e.dataTransfer)) return;
e.preventDefault(); e.preventDefault();
this.setState({ draggingOver: false }); this.setState({ draggingOver: false });
@ -202,6 +204,10 @@ export default class UI extends React.Component {
this.setState({ draggingOver: false }); this.setState({ draggingOver: false });
} }
dataTransferIsText = (dataTransfer) => {
return (dataTransfer && Array.from(dataTransfer.types).includes('text/plain') && dataTransfer.items.length === 1);
}
closeUploadModal = () => { closeUploadModal = () => {
this.setState({ draggingOver: false }); this.setState({ draggingOver: false });
} }