From f5f25d366f6d8ebdd167220068d12ed477da7ad2 Mon Sep 17 00:00:00 2001
From: Gusted <williamzijl7@hotmail.com>
Date: Fri, 2 Jul 2021 00:06:37 +0200
Subject: [PATCH] Use CSS to prevent user select

---
 js/dlg/message-box.css | 2 ++
 js/dlg/message-box.js  | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/js/dlg/message-box.css b/js/dlg/message-box.css
index 1f5058f0..0d70295d 100644
--- a/js/dlg/message-box.css
+++ b/js/dlg/message-box.css
@@ -72,6 +72,8 @@
   position: relative;
   min-height: 42px;
   box-sizing: border-box;
+  user-select: none;
+  -moz-user-select: none;
 }
 
 #message-box-title::before {
diff --git a/js/dlg/message-box.js b/js/dlg/message-box.js
index 4d4dd160..8c46365b 100644
--- a/js/dlg/message-box.js
+++ b/js/dlg/message-box.js
@@ -107,7 +107,6 @@ messageBox.show = async ({
         scrollTo(messageBox._blockScroll.x, messageBox._blockScroll.y);
       },
       mouseDown(event) {
-        event.preventDefault();
         clickX = event.clientX;
         clickY = event.clientY;
         const element = $('#message-box > div');
@@ -183,7 +182,7 @@ messageBox.show = async ({
   function bindElementLiseners() {
     const messageBoxHeader = $('#message-box-title');
     if (messageBoxHeader) {
-      messageBoxHeader.on('mousedown', messageBox.listeners.mouseDown);
+      messageBoxHeader.on('mousedown', messageBox.listeners.mouseDown, {passive: true});
     }
   }