Vaildation error is not shown on collapsed objects
- Dominant language
- JavaScript
- Stars
- 19.4k
- Forks
- 3.1k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 9
Description
**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.
```yml
{name: services, widget: object, collapsed: true, summary: fields: [
{name: title, widget: string}
]}
```
Contributor guide
Assessment
This issue has not been assessed yet.