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();
|
||||
};
|
||||
|
||||
const onMouseUp = () => {
|
||||
const stopResizing = () => {
|
||||
setIsResizing(false);
|
||||
};
|
||||
|
||||
document.body.addEventListener('mousemove', onMouseMove);
|
||||
document.body.addEventListener('mouseup', onMouseUp);
|
||||
document.body.addEventListener('mouseup', stopResizing);
|
||||
document.body.addEventListener('mouseleave', stopResizing);
|
||||
|
||||
return () => {
|
||||
document.body.removeEventListener('mousemove', onMouseMove);
|
||||
document.body.removeEventListener('mouseup', onMouseUp);
|
||||
document.body.removeEventListener('mouseup', stopResizing);
|
||||
document.body.removeEventListener('mouseleave', stopResizing);
|
||||
};
|
||||
}, [isResizing, requiresFullWidth]);
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue