Setting Dropdown z-index not working

[JacJones]

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?

[tugce.kucukoglu]

Dropdown calculates the z-index from its inside. But z-index can be changed with PrimeVue configuration: https://primevue.org/configuration/#zindex