Hello,
when using dropdownlist component inside Dialog list of available items is behind the dialog - this is related to z-index. I attach sample code.
2 Answers, 1 is accepted
Rank 1
I noticed this thread: https://www.telerik.com/forums/rendering-issue-of-a-dropdownlist-in-a-window
Seems that this is still on developer side to define correct z-index right?
Hello, Tomasz,
Yes, currently the z-index has to be set by the developer depending on the use case.
This provides more control over the stack order of the application:
https://www.telerik.com/kendo-react-ui/components/popup/stack-order/
Regards,
Stefan
Progress Telerik
Rank 2
Bronze
Bronze
Bronze
Hi Lee,
With the latest version of KendoReact, using the Dialog from our package and placing a DropDownList inside it will allow automatic adjustment of the z-index of the DropDownList popup. However, if you are using third-party Dialog component, setting !imporant would be the only possible way to override the z-index with CSS.
Another option would be to handle the onOpen event, get reference to the popup element and manually change the inline z-index with JavaScript:
Hope this helps.