Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Focus Management and Form Submission Not Working in Desktop Login/Signup Forms #256

Open
navaneeth0041 opened this issue Feb 11, 2025 · 0 comments · May be fixed by #258
Open

[Bug] Focus Management and Form Submission Not Working in Desktop Login/Signup Forms #256

navaneeth0041 opened this issue Feb 11, 2025 · 0 comments · May be fixed by #258

Comments

@navaneeth0041
Copy link
Contributor

🐛 Describe the bug

The desktop view of login and signup forms has non-functional keyboard navigation and form submission. Users must manually click each input field as completing one field and pressing Enter does not move focus to the next field. Additionally, pressing Enter after filling all fields does not trigger form submission.

Sample code to reproduce the problem:

CustomTextField(
  controller: nameController,
  isDesktop: true,
  text: 'Name',
  validateFunction: (value) {
    if (value!.isEmpty) {
      return 'Name cannot be empty';
    }
    return null;
  },
  autoValid: AutovalidateMode.onUserInteraction,
)

The error message you got, with the full traceback:
No error messages are produced as this is a functionality issue. The current behavior requires manual mouse interaction for:

  1. Moving between input fields (no keyboard navigation)
  2. Form submission (Enter key not triggering submit)

Expected behavior:

  • Pressing Enter should move focus to the next input field in sequence:
    Name → Username → Status → Email → Password
  • Pressing Enter in the password field should trigger form submission if all validations pass
  • Focus nodes should be properly connected to enable keyboard navigation
2025-02-11.20-11-56.mp4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
1 participant