Rank 5
Bronze
Bronze
Bronze
I have added a TabStrip on a Dialog inside a form and if I don't set the animation parameter for the TabStrip to false I get the attached error in the browser console. Here is the part of my code so you can see what I do:
<Dialog
title={t(`channel:${getDialogHeadline(props.mode)}`)}
onClose={props.cancelForm}
width={'60%'}
>
<Form
onSubmit={onFormSubmit}
initialValues={formState}
render={(formRenderProps: FormRenderProps) => (
<div className="k-d-flex-col">
<FormElement style={{ width: '90%' }}>
<div>
<TabStrip
selected={selected}
onSelect={handleSelect}
animation={false}
>
{tabPages.map((item, index) => {
return (
<TabStripTab
disabled={item.disabled}
title={item.label}
key={index}
>
{item.content}
</TabStripTab>
);
})}
</TabStrip>
</div>
...
And here are the kendo packages that I use:
"@progress/kendo-data-query": "^1.5.5",
"@progress/kendo-drawing": "^1.16.0",
"@progress/kendo-licensing": "^1.2.1",
"@progress/kendo-react-animation": "^4.13.0",
"@progress/kendo-react-buttons": "^4.13.0",
"@progress/kendo-react-data-tools": "^4.13.0",
"@progress/kendo-react-dateinputs": "^4.13.0",
"@progress/kendo-react-dialogs": "^4.13.0",
"@progress/kendo-react-dropdowns": "^4.13.0",
"@progress/kendo-react-form": "^4.13.0",
"@progress/kendo-react-grid": "^4.13.0",
"@progress/kendo-react-indicators": "^4.13.0",
"@progress/kendo-react-inputs": "^4.13.0",
"@progress/kendo-react-intl": "^4.13.0",
"@progress/kendo-react-layout": "^4.13.0",
"@progress/kendo-react-notification": "^4.13.0",
"@progress/kendo-react-progressbars": "^4.13.0",
"@progress/kendo-react-tooltip": "^4.13.0",
"@progress/kendo-react-treeview": "^4.13.0",
"@progress/kendo-react-upload": "^4.13.0",
"@progress/kendo-theme-material": "^4.43.0",
I already experienced a similar issue with the TreeView component and got the answer from you that this has been an issue. See https://github.com/telerik/kendo-react/issues/723
Just thought, I'd bring this to your attention that there is the same problem with the TabStrip.
1 Answer, 1 is accepted
Hello,
Thank you for the report this is the same issue that is linked as it is connected with animations used in the TabScrip:
https://github.com/telerik/kendo-react/issues/723
Apologies for the inconvenience this may have caused you.
I have personally escalated it again to the team.
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.