etn-ccis/blui-react-design-patterns

Required field errors should trigger on click events and blur

Closed this issue · 1 comments

Describe the bug

Currently all required fields do not trigger field error on click event and on focus/blur. Per design this should trigger when the submit button has been called and blur occurs.

What is the expected behavior?

Clicking through the fields or tabbing through the fields not trigger any fields required until submit has been clicked

What are the steps to reproduce?

  1. Go to...http://localhost:4200/forms-and-validation/sectioned-form
  2. Click through all the required fields
  3. refresh
  4. tab through all the required fields

Screenshots or links to minimum reproduction example

image

Environment

Anything else to add?

This is going to be the preferred behavior, show a 'required' error on blur. The react-design-patterns need to be updated to match this behavior.