[Solved] New Window Component Hiding Drop Down Data

[Michael]

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>

[Stefan]

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:

.k-animation-container {
  z-index: 100002
}

Regards,
Stefan
Progress Telerik