matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-08 21:42:24 +03:00
Code 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
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 onMouseUp = (event) => {
const finishResize = () => {
if (this.classNames.resizing) {
this.container.classList.remove(this.classNames.resizing);
}
distributor.finish();
body.removeEventListener("mouseup", onMouseUp, false);
body.removeEventListener("mouseup", finishResize, false);
document.removeEventListener("mouseleave", finishResize, false);
body.removeEventListener("mousemove", onMouseMove, false);
};
// TODO: listen for mouseout on document here as well
body.addEventListener("mouseup", onMouseUp, false);
body.addEventListener("mouseup", finishResize, false);
document.addEventListener("mouseleave", finishResize, false);
body.addEventListener("mousemove", onMouseMove, false);
}