TabStripTab input required

Hello, Matjaz,

This may occur if the TabStripTabs are unmounted.

Please check if keeping them mounted will resolve the issue:

https://www.telerik.com/kendo-react-ui/components/layout/api/TabStripProps/#toc-keeptabsmounted

If the issue still, occurs please share an example as it could be connected with the Form logic not accessing the Inputs.

Regards,
Stefan
Progress Telerik

Hallo Stefan,

I dit try „keepTabsMounted“, but the problem was i had to select this tab bevor i submitet the form, then it worked

Example. Let sey I have a Form with 2 Tabs. First Tab dose not have required component, the second has it.
If I dont click on second Tab and i only clik submit button then the form will be submited.

If I click on second Tab and then first Tab, and Submit button, then the Form will not be submited.

My Form:

<form onSubmit={this.handleSubmit}>

               <TabStrip selected={this.state.selected} onSelect={this.handleSelect} keepTabsMounted={true}>
                             <TabStripTab>
                                             <Input  />
                              </TabStripTab>
                              <TabStripTab>
                                             <Input required={true} />
                              </TabStripTab>
                </TabStrip>
                 <div>
<Button type={'submit'} id={'submitButton'}>Submit</Button>
  </div>
 </form>

Thank you, Matjaz Reberc

Hello Stefan,

i did vote.

Thank you, Matjaz Reberc