From fadf2ecde35ace2b1d278d79d9562b6188a55c89 Mon Sep 17 00:00:00 2001
From: Michael Wedl <michael@syslifters.com>
Date: Tue, 16 Jan 2024 17:40:22 +0100
Subject: [PATCH] Fix resizing PDF viewer loses mouse focus in Firefox

---
 CHANGELOG.md                          |  1 +
 frontend/src/components/SplitMenu.vue | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 37cd9581e..b8e845db4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@
 * Improve template field overview UI
 * Fix error while editing ID of nested field of report section in designer
 * Add demo data archives as TOML files to repository
+* Fix resizing PDF viewer loses mouse focus in Firefox
 
 
 ## v2024.3 - 2024-01-09
diff --git a/frontend/src/components/SplitMenu.vue b/frontend/src/components/SplitMenu.vue
index a4c184968..f725a7199 100644
--- a/frontend/src/components/SplitMenu.vue
+++ b/frontend/src/components/SplitMenu.vue
@@ -33,6 +33,16 @@ const emit = defineEmits<{
 </script>
 
 <style lang="scss" scoped>
+
+.splitpanes--dragging:deep() {
+  iframe {
+    // Fix dragging in Firefox when mouse moves over iframes. 
+    // Firefox does not emit mouse events (mousemove, mouseup, used by splitpanes) when mouse is over iframes.
+    // Setting pointer-events prevents iframes from eating mouse events.
+    pointer-events: none;
+  }
+}
+
 .splitpanes.default-theme:deep() {
   .splitpanes__pane {
     background-color: inherit;