Uploaded image for project: 'Stripes'
  1. Stripes
  2. STRIPES-467

Forms should scroll to the first element failing validation

    XMLWordPrintable

Details

    Description

      Submitting the create user form I was briefly confused and thought my click didn't register as it gave seemingly no indication that submission failed. Perhaps it should scroll to the first element failing validation or produce a summary of the failure at the top of the form and ...go there?

      Filing this under stripes rather than users as we'll need a general approach but I'm unsure yet if stripes-components or stripes-form or maybe it's just an option we should be passing when creating the redux-form?

      Steps:

      Go to any long form in FOLIO (e.g. Request, Instance, Holding, Item, Loan Policy, User)
      Leave a required field (indicated with asterisk) blank OR populate a field with an invalid value
      This will result in a validation error displaying in the UI
      Now scroll the page until the required field is above or below the fold
      Now attempt to save the form

      Expected: Should not save and page should scroll to display the validation error so that you know why the page did not save

      Previous: You'd click the save/update button and nothing would happen and you wouldn't know why because the validation error is above or below the fold. The system would seem broken.

      TestRail: Results

        Attachments

          Issue Links

            Activity

              People

                adityamatukumalli Aditya matukumalli
                jason Jason Skomorowski
                Votes:
                0 Vote for this issue
                Watchers:
                6 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases