'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 define render."

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