From 7042eb38ddb7f838b2fe8dc952aef7c02f45e3e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Mon, 3 May 2021 08:12:54 +0200
Subject: [PATCH] Listen for mouseup on the document
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/components/views/voip/CallPreview.tsx | 2 ++
 src/components/views/voip/CallView.tsx    | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/views/voip/CallPreview.tsx b/src/components/views/voip/CallPreview.tsx
index 761458cb4c..aa2e71339e 100644
--- a/src/components/views/voip/CallPreview.tsx
+++ b/src/components/views/voip/CallPreview.tsx
@@ -127,6 +127,7 @@ export default class CallPreview extends React.Component<IProps, IState> {
     public componentDidMount() {
         this.roomStoreToken = RoomViewStore.addListener(this.onRoomViewStoreUpdate);
         document.addEventListener("mousemove", this.onMoving);
+        document.addEventListener("mouseup", this.onEndMoving);
         this.dispatcherRef = dis.register(this.onAction);
         MatrixClientPeg.get().on(CallEvent.RemoteHoldUnhold, this.onCallRemoteHold);
     }
@@ -134,6 +135,7 @@ export default class CallPreview extends React.Component<IProps, IState> {
     public componentWillUnmount() {
         MatrixClientPeg.get().removeListener(CallEvent.RemoteHoldUnhold, this.onCallRemoteHold);
         document.removeEventListener("mousemove", this.onMoving);
+        document.removeEventListener("mouseup", this.onEndMoving);
         if (this.roomStoreToken) {
             this.roomStoreToken.remove();
         }
diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index cbedfb3a3d..1f555e5227 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -626,7 +626,6 @@ export default class CallView extends React.Component<IProps, IState> {
                 <div
                     className="mx_CallView_header"
                     onMouseDown={this.props.dragCallbacks?.onStartMoving}
-                    onMouseUp={this.props.dragCallbacks?.onEndMoving}
                 >
                     <AccessibleButton onClick={this.onRoomAvatarClick}>
                         <RoomAvatar room={callRoom} height={32} width={32} />