Reset left pane drag state whenever mouse leaves window
This commit is contained in:
parent
4f4431bc30
commit
79913f7e10
1 changed files with 5 additions and 3 deletions
|
@ -413,16 +413,18 @@ export const LeftPane: React.FC<PropsType> = ({
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
};
|
};
|
||||||
|
|
||||||
const onMouseUp = () => {
|
const stopResizing = () => {
|
||||||
setIsResizing(false);
|
setIsResizing(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
document.body.addEventListener('mousemove', onMouseMove);
|
document.body.addEventListener('mousemove', onMouseMove);
|
||||||
document.body.addEventListener('mouseup', onMouseUp);
|
document.body.addEventListener('mouseup', stopResizing);
|
||||||
|
document.body.addEventListener('mouseleave', stopResizing);
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
document.body.removeEventListener('mousemove', onMouseMove);
|
document.body.removeEventListener('mousemove', onMouseMove);
|
||||||
document.body.removeEventListener('mouseup', onMouseUp);
|
document.body.removeEventListener('mouseup', stopResizing);
|
||||||
|
document.body.removeEventListener('mouseleave', stopResizing);
|
||||||
};
|
};
|
||||||
}, [isResizing, requiresFullWidth]);
|
}, [isResizing, requiresFullWidth]);
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue