formio.js icon indicating copy to clipboard operation
formio.js copied to clipboard

In wizard display mode, validation errors are displayed differently on "Next" or "Previous" between pages.

Open pboucher1960 opened this issue 10 months ago • 1 comments

Describe the bug When rendering a wizard form with components that have some validations (ex: required), moving from one page to the next or moving from one page to the previous won't show the validation error messages with the same layout.

Version/Branch 4.17.0-rc.2

To Reproduce Steps to reproduce the behavior

  1. Create a form in wizard mode.
  2. In the first page, add a component and set it as required.
  3. Add a second page.
  4. In the second page, add a component and set it as required.
  5. In the rendered form, select the first page.
  6. Click on the "Next" button without entering any value in the required component.
  7. See the way the error is displayed.
  8. Select the second page.
  9. Click on the "Previous" button without entering any value in the required component.
  10. See the way the error is displayed, which is different from step 7.

Expected behavior Error messages should always be displayed the same way, leaving a page or entering a page.

Screenshots See the following sandbox: 6617ebea28302f197dd16829 for a sample with two pages and numeric required components.

pboucher1960 avatar Apr 11 '24 14:04 pboucher1960