From 3741baee864a8bec757b4e50a58698a0064293be Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Thu, 15 May 2025 14:21:32 -0400
Subject: scroll wheel fixes for calendarBox

---
 src/client/views/nodes/calendarBox/CalendarBox.scss | 7 +++++++
 src/client/views/nodes/calendarBox/CalendarBox.tsx  | 5 ++---
 2 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'src/client/views/nodes/calendarBox')

diff --git a/src/client/views/nodes/calendarBox/CalendarBox.scss b/src/client/views/nodes/calendarBox/CalendarBox.scss
index e3e0bae4b..a607846df 100644
--- a/src/client/views/nodes/calendarBox/CalendarBox.scss
+++ b/src/client/views/nodes/calendarBox/CalendarBox.scss
@@ -1,3 +1,4 @@
+.calendarBox-interactive,
 .calendarBox {
     display: flex;
     width: 100%;
@@ -5,6 +6,7 @@
     transform-origin: top left;
     overflow: auto;
     > div {
+        pointer-events: none;
         width: 100%;
         height: 100%;
         .fc-timegrid-body {
@@ -24,3 +26,8 @@
         }
     }
 }
+.calendarBox-interactive {
+    > div {
+        pointer-events: unset;
+    }
+}
diff --git a/src/client/views/nodes/calendarBox/CalendarBox.tsx b/src/client/views/nodes/calendarBox/CalendarBox.tsx
index 2d6c8c9a4..504dc2559 100644
--- a/src/client/views/nodes/calendarBox/CalendarBox.tsx
+++ b/src/client/views/nodes/calendarBox/CalendarBox.tsx
@@ -4,7 +4,7 @@ import interactionPlugin from '@fullcalendar/interaction';
 import multiMonthPlugin from '@fullcalendar/multimonth';
 import timeGrid from '@fullcalendar/timegrid';
 import FullCalendar from '@fullcalendar/react';
-import { IReactionDisposer, action, computed, makeObservable, observable, reaction, trace, untracked } from 'mobx';
+import { IReactionDisposer, action, computed, makeObservable, observable, reaction, untracked } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { dateRangeStrToDates } from '../../../../ClientUtils';
@@ -227,11 +227,10 @@ export class CalendarBox extends CollectionSubView() {
     }
 
     render() {
-        trace();
         return (
             <div
                 key={this.calendarViewType}
-                className="calendarBox"
+                className={`calendarBox${this._props.isContentActive() ? '-interactive' : ''}`}
                 onPointerDown={e => {
                     setTimeout(
                         action(() => {
-- 
cgit v1.2.3-70-g09d2