Dropdown z-index issue

Hi,

I saw that for the z-index of the popup element in the dropdown control is set directly on the element and not using a css class.

In this case, as you can see in the image, we cannot raise the level of the the dropdown's popup on the top of the navbar.
It would be possible to change a bit the component specifying the z-index in a css class, so that it would be possible customize it?

thank you

You can raise it by using the !important CSS modifier.

1 Like

Hi @korchev.
It works! Thank you!

Hi,

I understand that I need to use !important, but it is not clear for me where do I have to assign this property.
Do I have to assign it to .rz-dropdown-panel class in my component .css or do I have to write it on my MainLayout .css.
It's it possible for you guys to help me?

thanks.

You can define it in your application css file. Not sure if it will work if you add it to component or mainlayout.css (you can still try it though).

Hello,

In my case I added it directly in my application .css file.
I tried using CSS isolation, but without success.

Best regards,