Issue: #1211 (#1212)

Clear suggestions on mismatch: If the user types a phone number or custom domain, the suggestions disappear.

Hide suggestions on blur: If the user doesn’t select a suggestion and clicks outside the field, the suggestions are cleared.

src/components/Signin.tsx

@@ -48,13 +48,27 @@ const Signin = () => {
       ...prevState,
       emailReq: false,
     }));
+
+    // Check if the input is a phone number
+    const phoneNumberRegex = /^[0-9]{10}$/;
+    if (phoneNumberRegex.test(value)) {
+      setSuggestedDomains([]); // Clear suggestions for phone numbers
+      return;
+    }
 
     if (!value.includes('@')) {
       setSuggestedDomains(emailDomains);
       return;
     }
 
     const [, currentDomain] = value.split('@');
+
+    // Clear suggestions if domain doesn't match
+    if (!currentDomain || !emailDomains.some((domain) => domain.startsWith(currentDomain))) {
+      setSuggestedDomains([]); // Hide suggestions for mismatched domains
+      return;
+    }
+
     // Check for exact matches and filter for partial matches
     const exactMatch = emailDomains.find((domain) => domain === currentDomain);
     if (exactMatch) {
@@ -175,6 +189,7 @@ const Signin = () => {
                 value={email.current}
                 onChange={handleEmailChange}
                 onKeyDown={handleKeyDown}
+                onBlur={() => setSuggestedDomains([])} // Hide suggestions on blur
               />
               {email.current && suggestedDomains.length > 0 && (
                 <ul