Walk Create Community through the Figma screens and restore a chosen logo after reload, so a guest can leave without saving until they reach the email step.

lib/create/isValidCreateFlowSaveEmail.ts

@@ -21,11 +21,17 @@ export function isValidCreateFlowSaveEmail(value: unknown): boolean {
   // Native type=email rejects whitespace; jsdom’s checkValidity does not.
   if (/\s/.test(value)) return false;
   if (typeof document === "undefined") {
-    return EMAIL_FALLBACK_PATTERN.test(value);
+    if (!EMAIL_FALLBACK_PATTERN.test(value)) return false;
+  } else {
+    const input = document.createElement("input");
+    input.type = "email";
+    input.required = true;
+    input.value = value;
+    if (!input.checkValidity()) return false;
   }
-  const input = document.createElement("input");
-  input.type = "email";
-  input.required = true;
-  input.value = value;
-  return input.checkValidity();
+  // Native type=email allows a single domain label (`maya@example`). The
+  // save-progress field needs a dotted domain so we can actually send mail.
+  const at = value.lastIndexOf("@");
+  const domain = at >= 0 ? value.slice(at + 1) : "";
+  return domain.includes(".");
 }