Hi Mohamed,

Could you please provide more details about the dialog you are referring to?

If you are trying to use PrimeVue dropdown component within Bootstrap 5 modal then you might face a problem with z-index conflict, Bootstrap modal has z-index:1055 meanwhile PrimeVue dropdown has a z-index value of 1001. As a result, the dropdown will appear beneath the modal.

To fix this simply override PrimeVue dropdown styles.

.p-dropdown-panel.p-component.p-ripple-disabled {
 z-index: 1056 !important;
}