fix model select blur behaviour

diff --git a/resources/js/components/common/ChannelSelect.js b/resources/js/components/common/ChannelSelect.js
index a69662f423b34e571255e660d86f8775c21e9219..355b02b50d82824d0a3ff7ec6bc1901289c9ee9d 100644 (file)
--- 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 fd5fe8d1c35a3c97a098f98628711831b20c8fa3..01ee3b0fa534a2c1cc8474ad7f6da775995924e5 100644 (file)
--- 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 65c94d63cab503893137052ec61d1ccf20456f0c..9ac7b5689cd41d769d768b6dc87e3f19c12beca7 100644 (file)
--- 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 03aa097b42c5f7ad22c4c09a0f1f1071bd51f2a5..32bd186f3e82ecc10c9c84b96ab59cee25f0b4fd 100644 (file)
--- 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);
                };
        }, []);