Vaildation error is not shown on collapsed objects

[martinjagodic]

Describe the bug
If a field inside a collapsed object fires a validation error, the entry will not be saved. This is the correct behavior, but the problem is, that there is no indication of where the error occurs.

To Reproduce
Steps to reproduce the behavior. For example:

1. Create an object field and add collapsed: true
2. Add a required sub-field
3. Leave the sub-field empty and try to save the entry.
4. See a general error notification at the top and observe that there is no notification on the collapsed object

Expected behavior
If a field is collapsed and it includes objects with validation errors, it should also be treated as a field with an error. It should get a red border and an explanation text in red color.

Screenshots
Collapsed - there is no indication that a required filed is empty in services object

Uncollapsed

Applicable Versions:

• Netlify CMS version: 2.10.147
• Git provider: GitHub
• OS: MacOS 11.4 (20F71)
• Browser version: Brave 1.26

CMS configuration
Example configuration for a collapsed object with a required string field. This happens on any global configuration I believe.

{name: services, widget: object, collapsed: true, summary: fields: [
  {name: title, widget: string}
]}

[evelew]

Hi, can I fix this one?

[erezrokah]

Thanks @evelew, a possible place to start is here https://github.com/netlify/netlify-cms/blob/6d801ae092a6763bd751cb82bd238c7c12b31884/packages/netlify-cms-widget-object/src/ObjectControl.js#L66

Also see our contribution guide https://github.com/netlify/netlify-cms/blob/master/CONTRIBUTING.md

[evelew]

@erezrokah ok, thank you!