prevent clicks from passing into document contents when in time/pivot view

2 files changed, 13 insertions, 1 deletions

diff --git a/src/client/views/nodes/DocumentView.scss b/src/client/views/nodes/DocumentView.scss
index 2ce56c73d..b9045b11e 100644
--- a/src/client/views/nodes/DocumentView.scss
+++ b/src/client/views/nodes/DocumentView.scss
@@ -42,6 +42,14 @@
         z-index: 1;
     }
 
+    .documentView-contentBlocker {
+        pointer-events: all;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+    }
     .documentView-styleWrapper {
         position: absolute;
         display: inline-block;
diff --git a/src/client/views/nodes/DocumentView.tsx b/src/client/views/nodes/DocumentView.tsx
index dcdce5fce..14db9cffa 100644
--- a/src/client/views/nodes/DocumentView.tsx
+++ b/src/client/views/nodes/DocumentView.tsx
@@ -983,7 +983,11 @@ export class DocumentView extends DocComponent<DocumentViewProps, Document>(Docu
                 height: "100%",
                 opacity: this.Document.opacity
             }}>
-            {this.innards}
+            {this.onClickHandler ?  <>
+                {this.innards}
+                <div className="documentView-contentBlocker"/>
+            </> :
+            this.innards}
         </div>;
     }
 }