Is it possible to show validation error when list subfield marked as required is empty?

Technical Questions
1

I have a custom component in which i want to have to have an input of type list. When I mark one of list subfields as required and do not provide any data into this field I want visual editor to show error message and prevent user from publishing the page. I thought it would work like any normal input marked as required but I only get an asterisk indicating required field but no error message and can still publish page. Is it expected behavior? Is there any way to prevent user from publishing? OnChange and alerts are not enough for my case.

Here is an example of the input I want to have:

{
	name: 'listtest',
	type: 'list',
	subFields: [
		{
			name: 'test',
			type: 'text',
			required: true,
		},
	],
}

Screenshots:
image
image

2

Hello @Grimlaf,

Welcome to the builder.io forum post.

I am happy to confirm that I was able to reproduce the issue you are experiencing thanks to the details and steps you have provided.

I will now discuss the issue internally to determine the next steps. Once I have further updates, I will get back to you.

Thanks,

3

Facing the same issue . Required is not working while using showIf
{
name: ‘showProduct’,
type: ‘boolean’,
defaultValue: false,
},
{
name: ‘productId’,
type: ‘string’,
showIf: (options) => options.get(‘showProduct’) === true,
required: true,
}

4

Hi Builder Forum! Where are you in solving this issue? We have the same one, and would really need to be able to mark AND get error handling on every field that is required, even if that field is a subfield to a object, list etc.