I copied the window component from the example(https://www.telerik.com/kendo-react-ui/components/dialogs/window/) and wanted to build a form on top of the window component. The drop down list of values is showing behind the window. I tried adjusting the z-index but was unsuccessful. I have attached an example of what i'm seeing. The only additional code I added to the example is shown below. "values" is an array of values from 1-20.
<label class="k-form-field"> <span> Dropdown </span> <DropDownList data={this.values} /></label>1 Answer, 1 is accepted
0
Accepted
Hello, Michael,
You are correct, this occurs due to the z-index difference between the DropDownList Popup and the Window.
Still, setting the following CSS to control the Popup z-index will fix it:
Regards,
Stefan
Progress Telerik
You are correct, this occurs due to the z-index difference between the DropDownList Popup and the Window.
Still, setting the following CSS to control the Popup z-index will fix it:
.k-animation-container { z-index: 100002}Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items