From d650f944d661debb64954ac590d978b07619a431 Mon Sep 17 00:00:00 2001 From: Daniel Karbach Date: Tue, 28 May 2024 09:41:37 +0200 Subject: [PATCH] fix model select blur behaviour --- resources/js/components/common/ChannelSelect.js | 4 ++-- resources/js/components/common/DiscordChannelSelect.js | 6 ++---- resources/js/components/common/DiscordSelect.js | 4 ++-- resources/js/components/common/UserSelect.js | 4 ++-- 4 files changed, 8 insertions(+), 10 deletions(-) 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); }; }, []); -- 2.39.2