X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fcommon%2FUserSelect.js;h=32bd186f3e82ecc10c9c84b96ab59cee25f0b4fd;hb=HEAD;hp=be473b66e5fafe8d61d13251daa54f723752d05c;hpb=c5b15dc5518c627daa4f02f653ff900e4fe13db7;p=alttp.git

diff --git a/resources/js/components/common/UserSelect.js b/resources/js/components/common/UserSelect.js
index be473b6..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);
 		};
 	}, []);
@@ -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 }})}