This is a migrated thread and some comments may be shown as answers.

HTML5 validations keep showing on select controls (DropDown, ComboBox, MultiSelect, etc) controls

1 Answer 67 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Sanjay
Top achievements
Rank 1
Sanjay asked on 24 Apr 2020, 08:56 AM

Hi Team,

When we are setting required property to true for Select type controls (for eg ComboBox) and then click Submit button, the mandatory validation appears. When I select the value on ComboBox control, the validation message still appears overlays on the options of ComboBox. This issue is coming in both chrome and Edge.

I validated this case in the demo provided in below URL:

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

I have attached the image for reference.

 

Regards,

Sanjay

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 24 Apr 2020, 01:43 PM

Hello, Sanjay,

Thank you for the screenshot and the example.

This occurs as when the list is opened it is still without value and the validation is still not met.

As this validation is shown automatically by the browser, we have not to option to hide it with code.

In general, we recommend using our Form component when working with forms as it provides many functionalities inducing validation where we have control over when the validation message is shown or hidden:

https://www.telerik.com/kendo-react-ui/components/form/

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
General Discussions
Asked by
Sanjay
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or