Merge branch 'pdfviewer-resize-bug-firefox' into 'main'

Fix resizing PDF viewer loses mouse focus in Firefox See merge request reportcreator/reportcreator!416
Syslifters · Jan 16, 2024 · 611c4d2 · 611c4d2
2 parents 2786a0c + fadf2ec
commit 611c4d2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -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;