From c1a816be36cecec8f8b2232dfdd35a8b9710880f Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <git@tilmanvatteroth.de>
Date: Fri, 24 Mar 2023 13:51:31 +0100
Subject: [PATCH] fix: prevent splitter panels from being selected when
 resizing

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
---
 .../components/editor-page/splitter/splitter.module.scss    | 6 ++++++
 frontend/src/components/editor-page/splitter/splitter.tsx   | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/editor-page/splitter/splitter.module.scss b/frontend/src/components/editor-page/splitter/splitter.module.scss
index ddc743668..2c34e5d82 100644
--- a/frontend/src/components/editor-page/splitter/splitter.module.scss
+++ b/frontend/src/components/editor-page/splitter/splitter.module.scss
@@ -14,6 +14,12 @@
   flex-direction: column;
 }
 
+.resizing {
+  .left, .right {
+    user-select: none;
+  }
+}
+
 .move-overlay {
   position: absolute;
   height: 100%;
diff --git a/frontend/src/components/editor-page/splitter/splitter.tsx b/frontend/src/components/editor-page/splitter/splitter.tsx
index 8fed39793..2e7fd6ad4 100644
--- a/frontend/src/components/editor-page/splitter/splitter.tsx
+++ b/frontend/src/components/editor-page/splitter/splitter.tsx
@@ -135,7 +135,11 @@ export const Splitter: React.FC<SplitterProps> = ({ additionalContainerClassName
   useKeyboardShortcuts(setRelativeSplitValue)
 
   return (
-    <div ref={splitContainer} className={`flex-fill flex-row d-flex ${additionalContainerClassName || ''}`}>
+    <div
+      ref={splitContainer}
+      className={`flex-fill flex-row d-flex ${additionalContainerClassName || ''}${
+        resizingInProgress ? ' ' + styles.resizing : ''
+      }`}>
       <ShowIf condition={resizingInProgress}>
         <div
           className={styles['move-overlay']}