Hello everyone, I need help. I have implemented a Modal and I would like to use it like as an <aside> where the content will be a form (multiple fields: combobox, multiselect). The Drawer component is not suitable for this case, and neither is the Dialog, as the Dialog is always centered in the middle of the screen. That's why I have made my own implementation using Kendo's CSS classes.
Here's an example.
9gejxw (forked) - StackBlitz
you may notice that the Combobox's popup doesn't work. Its z-index remains 100, while the Modal's z-index is 1002.
Here's an example.
9gejxw (forked) - StackBlitz
you may notice that the Combobox's popup doesn't work. Its z-index remains 100, while the Modal's z-index is 1002.
I tried overriding the z-index of the k-animation-container class, but I wasn't successful. What can I do to proceed with this idea?
Gabriel.
1 Answer, 1 is accepted
0
Accepted
Hello, Gabriel,
The z-index to the k-animation-container element is applied inline, so you will need to use important statement in order to be able to override it. Applying the style below and see whether it brings the target behavior?
div.k-animation-container {
z-index: 10005 !important;
}
You can test it here:
I hope this helps.
Regards,
Vessy
Progress Telerik
As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.