gray-mueller / gray-mueller/milk-delivery-app-react

Enatega Admin Dashboard : Navigate to specific field which field is creating an error to submit the form.

Open
#75 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
This bug occurs when a form submission fails due to an error in a specific field, but the system does not automatically navigate to or highlight the problematic field, making it difficult for the user to identify and correct the issue.

To Reproduce
Steps to reproduce the behavior:

Go to 'Enatega Admin Dashboard'
Now fill a form to add a staff etc. now skip a required field see error the field border gets red colored , but it doesn't navigate to that field.
Expected behavior
This bug occurs when a form submission fails due to an error in a specific field, but the system does not automatically navigate to or highlight the problematic field, making it difficult for the user to identify and correct the issue.

Screenshots

new-multivendor-admin-staging.netlify.app_general_vendors.-.Google.Chrome.2025-02-07.12-09-36.mp4
Desktop (please complete the following information):

OS: [e.g. Windows]
Browser [e.g. Chrome]
Version [e.g. Latest]

Contributor guide

Open the contributing guide

Research direction

Start in the Enatega Admin Dashboard form handling and reproduce the missing-required-field case while adding staff or another record. Trace where validation marks the field with a red border and make the failing submission navigate to that invalid field. Done means the problematic field is brought into view and remains visibly marked so the user can correct it.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.