Errors while creating a new tag need to be more actionable
Summary of Problems
Error messages that show when creating a tag aren't descriptive enough to let the user know what action to take next.
From @pedroms:
When creating a tag with spaces, submitting the form throws a generic error. I only discovered that it had to do with an invalid tag name when I attempted to create the same tag through the “New tag” page.
New Release Page | New Tag Page |
---|---|
![]() |
![]() |
Additionally, when a user creates a tag with the error, the error persists until the page is refreshed. We should remove the error when a correct tag name is selected.
Related to #362339 (comment 1024989787)
Solution
- When a user tries to create a tag with an incorrect tag name format, provide them with field level validation on how to fix the issue.
- Remove the error when a user corrects the bad tag name.
Example Error | Generic Error |
---|---|
![]() |
![]() |
Technical proposal
We could add clientside validation logic for tag creation as it is pretty static and also not hard to implement.
A backend implementation could be found here.
This implementation should be added as a shared ref validation helper and used in the app/assets/javascripts/releases/components/app_edit_new.vue
file.