respond to whispers

[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 be473b66e5fafe8d61d13251daa54f723752d05c..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);
                };
        }, []);
@@ -71,7 +71,7 @@ const UserSelect = ({ name, onChange, value }) => {
        }, [value]);
 
        if (value) {
-               return <div className="d-flex justify-space-between">
+               return <div className="d-flex justify-content-between">
                        {resolved ? <UserBox discriminator noLink user={resolved} /> : <span>value</span>}
                        <Button
                                onClick={() => onChange({ target: { name, value: null }})}