From 2c5f3f31b1bd339c6d40337ddc3bd059fe095edf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sat, 19 Dec 2020 13:30:56 +0100
Subject: [PATCH] Fixed Chromium issues - made listner non-passive
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/elements/ImageView.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/views/elements/ImageView.js b/src/components/views/elements/ImageView.js
index 719a17d3cb..6dfd1f78ad 100644
--- a/src/components/views/elements/ImageView.js
+++ b/src/components/views/elements/ImageView.js
@@ -52,6 +52,14 @@ export default class ImageView extends React.Component {
         };
     }
 
+    componentDidMount() {
+        this.focusLock.addEventListener('wheel', this.onWheel, { passive: false });
+    }
+
+    componentWillUnmount() {
+        this.focusLock.removeEventListener('wheel', this.onWheel);
+    }
+
     onKeyDown = (ev) => {
         if (ev.key === Key.ESCAPE) {
             ev.stopPropagation();
@@ -216,10 +224,10 @@ export default class ImageView extends React.Component {
                 returnFocus={true}
                 lockProps={{
                     onKeyDown: this.onKeyDown,
-                    onWheel: this.onWheel,
                     role: "dialog",
                 }}
                 className="mx_ImageView"
+                ref={ref => this.focusLock = ref}
             >
                 <div className="mx_ImageView_content">
                     <div className="mx_ImageView_panel">