Passing novalidate to KendoReact Form

[Noah]

Hello,

We are using kendo-react-form 8.1.1.  We have implemented a number of custom validation functions which all seem to be working appropriately.  However, if we set the required property of a Field as such, 

<Field
  {...fieldProps}
  required={true}
/>

and attempt to submit the form without populating this field, we receive the following "bubble tooltip":

After searching, I discovered that this "tooltip" message is not controlled by KendoReact, but comes from HTML5.  This can be disabled by adding the "novalidate" attribute to the rendered <form> element, however, I cannot find a way to do this using KendoReact's Form API, after looking through FormProps, FormElementProps, and FormRenderProps.

Is there a way to set the novalidate attribute on the rendered <form> element that I have missed?  If not, is this something that is planned for (or could be implemented) in a future release?

[Yanko]

Hello, Noah,

Thank you for the detailed information provided in your inquiry.

Yes, you can disable the default tooltip using the `noValidate` property of the formElement. Please note that React needs the property to be in camelCase to work. Here is a demo that displays the use of the above property with a KendoReact Form: 

• https://stackblitz.com/edit/react-sn8hfp?file=app%2Fapp.jsx 

Please let me know if you need further help with the matter.

Regards,
Yanko
Progress Telerik