formio / formio.js

JavaScript powered Forms with JSON Form Builder

Home Page:https://formio.github.io/formio.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

pboucher1960 opened this issue · 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 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