I am trying to set the z-index of the dropdown items because the dropdown is currently hiding underneath an object. When setting the z-index of .p-dropdown-panel directly in chrome it works, but when trying to set the z-index in the vue component itself it isnt working, I have tried the following and nothing seems to work.
:deep(.p-dropdown-panel) {
z-index: 9999 !important;
}
and :deep(.p-dropdown-panel .p-component .p-ripple-disabled) {
z-index: 9999 !important;
}
I have also tried these with both <style> and <style scoped>.
Any advice?
Setting Dropdown z-index not working
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Dropdown calculates the z-index from its inside. But z-index can be changed with PrimeVue configuration: https://primevue.org/configuration/#zindex
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests