From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 28 May 2024 07:41:37 +0000 (+0200)
Subject: fix model select blur behaviour
X-Git-Url: https://git.localhorst.tv/?a=commitdiff_plain;h=d650f944d661debb64954ac590d978b07619a431;p=alttp.git

fix model select blur behaviour
---

diff --git a/resources/js/components/common/ChannelSelect.js b/resources/js/components/common/ChannelSelect.js
index a69662f..355b02b 100644
--- a/resources/js/components/common/ChannelSelect.js
+++ b/resources/js/components/common/ChannelSelect.js
@@ -29,10 +29,10 @@ const ChannelSelect = ({
 				setShowResults(false);
 			}
 		};
-		document.addEventListener('click', handleEventOutside, true);
+		document.addEventListener('mousedown', handleEventOutside, true);
 		document.addEventListener('focus', handleEventOutside, true);
 		return () => {
-			document.removeEventListener('click', handleEventOutside, true);
+			document.removeEventListener('mousedown', handleEventOutside, true);
 			document.removeEventListener('focus', handleEventOutside, true);
 		};
 	}, []);
diff --git a/resources/js/components/common/DiscordChannelSelect.js b/resources/js/components/common/DiscordChannelSelect.js
index fd5fe8d..01ee3b0 100644
--- a/resources/js/components/common/DiscordChannelSelect.js
+++ b/resources/js/components/common/DiscordChannelSelect.js
@@ -10,9 +10,7 @@ import debounce from '../../helpers/debounce';
 
 const DiscordChannelSelect = ({
 	guild,
-	isInvalid,
 	name,
-	onBlur,
 	onChange,
 	types,
 	value,
@@ -31,10 +29,10 @@ const DiscordChannelSelect = ({
 				setShowResults(false);
 			}
 		};
-		document.addEventListener('click', handleEventOutside, true);
+		document.addEventListener('mousedown', handleEventOutside, true);
 		document.addEventListener('focus', handleEventOutside, true);
 		return () => {
-			document.removeEventListener('click', handleEventOutside, true);
+			document.removeEventListener('mousedown', handleEventOutside, true);
 			document.removeEventListener('focus', handleEventOutside, true);
 		};
 	}, []);
diff --git a/resources/js/components/common/DiscordSelect.js b/resources/js/components/common/DiscordSelect.js
index 65c94d6..9ac7b56 100644
--- a/resources/js/components/common/DiscordSelect.js
+++ b/resources/js/components/common/DiscordSelect.js
@@ -23,10 +23,10 @@ const DiscordSelect = ({ onChange, value }) => {
 				setShowResults(false);
 			}
 		};
-		document.addEventListener('click', handleEventOutside, true);
+		document.addEventListener('mousedown', handleEventOutside, true);
 		document.addEventListener('focus', handleEventOutside, true);
 		return () => {
-			document.removeEventListener('click', handleEventOutside, true);
+			document.removeEventListener('mousedown', handleEventOutside, true);
 			document.removeEventListener('focus', handleEventOutside, true);
 		};
 	}, []);
diff --git a/resources/js/components/common/UserSelect.js b/resources/js/components/common/UserSelect.js
index 03aa097..32bd186 100644
--- a/resources/js/components/common/UserSelect.js
+++ b/resources/js/components/common/UserSelect.js
@@ -21,10 +21,10 @@ const UserSelect = ({ name, onChange, value }) => {
 				setShowResults(false);
 			}
 		};
-		document.addEventListener('click', handleEventOutside, true);
+		document.addEventListener('mousedown', handleEventOutside, true);
 		document.addEventListener('focus', handleEventOutside, true);
 		return () => {
-			document.removeEventListener('click', handleEventOutside, true);
+			document.removeEventListener('mousedown', handleEventOutside, true);
 			document.removeEventListener('focus', handleEventOutside, true);
 		};
 	}, []);