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);