From 4b3de4c6562608fa724769583e5818d1ea6d9a36 Mon Sep 17 00:00:00 2001
From: AssassinJN <AssassinJN@users.noreply.github.com>
Date: Tue, 27 Jun 2023 09:29:58 -0400
Subject: [PATCH] change event trigger to mousedown

This will fix an issue where the box is accidentally closed when attempting to quickly select text in the textarea.
---
 ui/media/js/image-modifiers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/media/js/image-modifiers.js b/ui/media/js/image-modifiers.js
index 465fc1be..a92a3e40 100644
--- a/ui/media/js/image-modifiers.js
+++ b/ui/media/js/image-modifiers.js
@@ -400,7 +400,7 @@ function loadCustomModifiers() {
 }
 
 function showModifierContainer() {
-    document.addEventListener("click", checkIfClickedOutsideDropdownElem)
+    document.addEventListener("mousedown", checkIfClickedOutsideDropdownElem)
 
     modifierDropdown.dataset.active = true
     editorModifiersContainer.classList.add("active")
@@ -565,7 +565,7 @@ modifierSettingsCloseBtn.addEventListener("click", (e) => {
     modifierSettingsDialog.close()    
 })
 
-modifierSettingsDialog.addEventListener('click', function (event) {
+modifierSettingsDialog.addEventListener('mousedown', function (event) {
     var rect = modifierSettingsDialog.getBoundingClientRect();
     var isInDialog=(rect.top <= event.clientY && event.clientY <= rect.top + rect.height
       && rect.left <= event.clientX && event.clientX <= rect.left + rect.width);