decaporg / decaporg/decap-cms

Nested Widget validation not highlighting parent widget in red

Open
#6,335 2 comments 0 reactions 0 assignees View on GitHub
area: validation type: bug
Dominant language
JavaScript
Stars
19.4k
Forks
3.1k
Avg merge
1d 14h
Merged PRs (30d)
9

Description

The widget validation does not highlight the field under validation in red, in case of deeply nested widgets.
This makes it really hard to find the offending field if there are many collapsed widgets on the page.

For example, my setup is using the `netlify-cms-app`, where I have a `list` widget of variable object type.
This list has several types of "component" widgets, which are all built using `object` or `list` widgets and contain widgets of all other types, like `string`, `number` etc.

I just now realized, that validation errors aren't displayed **at all**, you can only see if a validation failed if all widgets are extended and not collapsed.

On the other hand, error of type `required`, display just fine with helpful highlighting of borders all the way up from the offending widget field to the parent widget.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.