formio / formio.js

JavaScript powered Forms with JSON Form Builder
https://formio.github.io/formio.js
MIT License
1.83k stars 1.04k forks source link

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

Open pboucher1960 opened 2 months ago

pboucher1960 commented 2 months ago

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.

olgabann commented 2 months ago

@pboucher1960 Thank you for reporting this issue. I can reproduce it and have logged a ticket for the backlog. We are always willing to review any contributions to resolve this issue from the open-source community.

For internal reference: FIO-8261