fix model select blur behaviour

[alttp.git] / resources / js / components / common / UserSelect.js

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);
                };
        }, []);