Dropdownlists: Validator triggering even though a selection has been made

[Lee]

Hi,  I've created a drop-down list for my react application. However, when I set the initial value, the required validator is triggering even though a selection has been made. Is there something else I need to be doing?

<Field

name={'site'}

component={FormDropDownList}

textField="title"

dataItemKey="id"

data={sites}

// label={'Select the site you are attending.'}

defaultItem={sitesReducer.nearestSite ? sitesReducer.nearestSite : {

title: 'Select...',

}}

validator={requiredValidator}

/>

[Lee]

Hi,

just an update. I've managed to solve the issue by adding this to my Form. "ignoreModified={true}"

<Form onSubmit={handleSubmit} ignoreModified={true} initialValues={{

site: nearestSite ? nearestSite : {

title: 'Select Site',

}

}}

[Filip]

Hello, Lee,

I inspected the provided code, however I did not find anything that could be causing this unwanted behavior.  More information on how to use a DropDownList with validation can be found in the following article:

https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/forms/#toc-setting-validation-requirements

In case you have already reviewed it and the issue persists, can you please send us a runnable example that reproduces the issue? This will enable me to debug it locally and see what might be causing  it and find a suitable solution.

Regards,
Filip
Progress Telerik