search

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

The ".tab-error" class is not applied to the tab with layout components. #5657

Open viktor-api opened 1 week ago

viktor-api commented 1 week ago

Describe the bug The tab error marker (red '*') does not appear after form validation if the tab content has layout components.

Version/Branch "@formio/angular": "=5.5.0-rc.8", formio.js 4.17.0-rc.2 (https://formio.github.io/formio.js/app/sandbox.html)

To Reproduce Steps to reproduce the behavior:

  1. go to https://formio.github.io/formio.js/app/sandbox.html
  2. load sandbox by id - 66760b5d6e896473d3693123 (or use form json from attached file invalid-tab-content-marker-demo.txt )
  3. click "submit" in form rerderer block

Expected behavior I expect that a red asterisk will appear on each tab because each tab has a required field that hasn't been filled. However, I can only see it on the first tab where I didn't use layout components.

Screenshots 1-- 2024-06-22 02-35-24 2-- 2024-06-22 02-35-32 3-- 2024-06-22 02-35-41

Could you please check if there is a bug or let me know what I'm doing wrong? Also, could you please suggest a solution or a workaround that would allow us to apply the correct "tab-error" style to each tab that contains invalid content?