From 2c833fe4e7915b8219c6b48abb596e4359744750 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Thu, 21 Jul 2022 10:49:52 -0400
Subject: fixed hiding marquee options menu when clicking on background.

---
 .../collections/collectionFreeForm/MarqueeView.tsx      | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

(limited to 'src/client/views/collections')

diff --git a/src/client/views/collections/collectionFreeForm/MarqueeView.tsx b/src/client/views/collections/collectionFreeForm/MarqueeView.tsx
index 4513ffb39..65a11cbcb 100644
--- a/src/client/views/collections/collectionFreeForm/MarqueeView.tsx
+++ b/src/client/views/collections/collectionFreeForm/MarqueeView.tsx
@@ -277,8 +277,8 @@ export class MarqueeView extends React.Component<SubCollectionViewProps & Marque
         const hideMarquee = () => {
             this.hideMarquee();
             MarqueeOptionsMenu.Instance.fadeOut(true);
-            document.removeEventListener('pointerdown', hideMarquee);
-            document.removeEventListener('wheel', hideMarquee);
+            document.removeEventListener('pointerdown', hideMarquee, true);
+            document.removeEventListener('wheel', hideMarquee, true);
         };
         if (PresBox.startMarquee) {
             this.pinWithView();
@@ -292,8 +292,8 @@ export class MarqueeView extends React.Component<SubCollectionViewProps & Marque
             MarqueeOptionsMenu.Instance.hideMarquee = this.hideMarquee;
             MarqueeOptionsMenu.Instance.jumpTo(e.clientX, e.clientY);
             MarqueeOptionsMenu.Instance.pinWithView = this.pinWithView;
-            document.addEventListener('pointerdown', hideMarquee);
-            document.addEventListener('wheel', hideMarquee);
+            document.addEventListener('pointerdown', hideMarquee, true);
+            document.addEventListener('wheel', hideMarquee, true);
         } else {
             this.hideMarquee();
         }
@@ -356,14 +356,9 @@ export class MarqueeView extends React.Component<SubCollectionViewProps & Marque
     };
 
     @action
-    showMarquee = () => {
-        this._visible = true;
-    };
-
+    showMarquee = () => (this._visible = true);
     @action
-    hideMarquee = () => {
-        this._visible = false;
-    };
+    hideMarquee = () => (this._visible = false);
 
     @undoBatch
     @action
-- 
cgit v1.2.3-70-g09d2