From c4aec642e0a9df47d55b4e859a22016dbf59b7b4 Mon Sep 17 00:00:00 2001
From: Noley Holland <hollandnoley@gmail.com>
Date: Fri, 6 Mar 2026 11:28:22 -0800
Subject: [PATCH] Adjust pointer events to not block interaction with canvas

---
 .../@node-red/editor-client/src/sass/sidebar.scss             | 1 +
 .../@node-red/editor-client/src/sass/workspace.scss           | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
index 29ef01475..22b5f5aaa 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
@@ -143,6 +143,7 @@
     margin: 0;
     z-index: 12;
     overflow: hidden;
+    pointer-events: auto;
     // background: rgba(243, 160, 204, 0.617);
 
     &.red-ui-sidebar-left {
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/workspace.scss b/packages/node_modules/@node-red/editor-client/src/sass/workspace.scss
index f350ca2aa..7035974f5 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/workspace.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/workspace.scss
@@ -178,6 +178,7 @@
     right: 0;
     left: 0;
     padding: 0;
+    pointer-events: none;
     // background: rgba(230,230,255,0.8);
 }
 .red-ui-component-footer {
@@ -225,6 +226,7 @@ button.red-ui-footer-button-toggle {
     display: inline-block;
     vertical-align: middle;
     height: 100%;
+    pointer-events: auto;
     & .red-ui-footer-button,
     & .red-ui-footer-button-toggle {
         min-width: 28px;
@@ -297,10 +299,12 @@ button.red-ui-footer-button-toggle {
 
 .red-ui-workspace-scrollbar {
     position: absolute;
+    pointer-events: none;
     // background: rgba(223, 236, 230, 0.8);
 }
 .red-ui-workspace-scrollbar-handle {
     position: absolute;
+    pointer-events: auto;
     background: var(--red-ui-scrollbar-handle-background);
     opacity: 0.7;
     border-radius: 4px;