mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-24 02:05:45 +03:00
Code Issues Projects Releases Packages Wiki Activity

stop resize operation when cursor leaves viewport

Browse source 
as mouseup can't be detected outside of viewport
This commit is contained in:
Bruno Windels 2019-01-11 18:20:34 +01:00
parent a413f358f7
commit 136dd4a556
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/resizer/resizer.js
View file

@ -115,16 +115,17 @@ export class Resizer {
}; };
const body = document.body; const body = document.body;
const onMouseUp = (event) => { const finishResize = () => {
if (this.classNames.resizing) { if (this.classNames.resizing) {
this.container.classList.remove(this.classNames.resizing); this.container.classList.remove(this.classNames.resizing);
} }
distributor.finish(); distributor.finish();
body.removeEventListener("mouseup", onMouseUp, false); body.removeEventListener("mouseup", finishResize, false);
document.removeEventListener("mouseleave", finishResize, false);
body.removeEventListener("mousemove", onMouseMove, false); body.removeEventListener("mousemove", onMouseMove, false);
}; };
// TODO: listen for mouseout on document here as well body.addEventListener("mouseup", finishResize, false);
body.addEventListener("mouseup", onMouseUp, false); document.addEventListener("mouseleave", finishResize, false);
body.addEventListener("mousemove", onMouseMove, false); body.addEventListener("mousemove", onMouseMove, false);
} }