Use type=email for signup/login email inputs (#225) #228

Merged
hodlbod merged 1 commits from priyanshu_bharti/flotilla:225-use-input-type-email into dev 2026-04-17 18:55:05 +00:00
Contributor

This PR updates signup and login email fields to use semantic HTML input type email, as requested in issue #225.

Why

Issue #225 highlighted that email fields were using text/default input behavior. Using type=email enables better native browser validation and improved mobile keyboard experience for email entry.

This PR updates all email input fields to type="email".

Changes Made

  • Changed type="text"type="email" in the following Svelte components:
    • SignUpEmail.svelte
    • LogInEmail.svelte
    • LogInOTP.svelte

Benefits

  • Browser now provides native email format validation
  • Mobile users get the correct email keyboard (@ and . keys)
  • Better UX and accessibility
  • No other attributes or functionality changed

Related Issue

Closes #225


image.png

Note for Reviewers:
This is a small, safe frontend-only change. Please test signup and login flows.

This PR updates signup and login email fields to use semantic HTML input type email, as requested in issue #225. ## Why Issue #225 highlighted that email fields were using text/default input behavior. Using type=email enables better native browser validation and improved mobile keyboard experience for email entry. This PR updates all email input fields to `type="email"`. ### Changes Made - Changed `type="text"` → `type="email"` in the following Svelte components: - `SignUpEmail.svelte` - `LogInEmail.svelte` - `LogInOTP.svelte` ### Benefits - Browser now provides native email format validation - Mobile users get the correct email keyboard (@ and . keys) - Better UX and accessibility - No other attributes or functionality changed ### Related Issue Closes #225 --- ![image.png](/attachments/c73bbf55-3004-4212-8e6d-de4cbd9a3709) **Note for Reviewers:** This is a small, safe frontend-only change. Please test signup and login flows.
138 KiB
Author
Contributor

Hi @hodlbod,
I have updated PR #228 with the requested change (type="email" on all email inputs).
I have also made a small improvement by adding:

placeholder= you@example.com
autocomplete=email

Could you please review it? If these improvements are acceptable, I will include them. Otherwise, I can keep only the type="email" change.
Thank you!

Hi @hodlbod, I have updated PR #228 with the requested change (type="email" on all email inputs). I have also made a small improvement by adding: placeholder= you@example.com autocomplete=email Could you please review it? If these improvements are acceptable, I will include them. Otherwise, I can keep only the type="email" change. Thank you!
hodlbod added 1 commit 2026-04-17 18:54:59 +00:00
hodlbod force-pushed 225-use-input-type-email from 7047fc0e4b to 19155d6f14 2026-04-17 18:54:59 +00:00 Compare
hodlbod merged commit fdb604e350 into dev 2026-04-17 18:55:05 +00:00
hodlbod deleted branch 225-use-input-type-email 2026-04-17 18:55:05 +00:00
Sign in to join this conversation.