'KendoReact TabStrip has missing wrapper div
I'm trying to get a vertical TabStrip setup in my React app.
Test render currently looks like this:
public render() {
return (
<React.Fragment>
<TabStrip
selected={this.state.selected}
onSelect={this.handleSelect}
tabPosition="left"
>
<TabStripTab title="T" />
<TabStripTab title="T" />
</TabStrip>
</React.Fragment>
);
}
Instead of this showing a vertical TabStrip, it's showing as horizontal.
When I look at chrome DevTools, I can see a difference in my app and the demo app at https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/tabs/
I seem to be missing a div <div class="k-tabstrip-items-wrapper k-vstack">
which should come below the initial TabStrip div.
If I manually add this div into the chrome DevTools, the TabStrip is vertical, as expected.
I've tried adding a div to the TabStrip in React, but it returns an error
"Warning: TabStripTab(...): No
render
method found on the returned component instance: you may have forgotten to definerender
."
Any ideas?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|