#reactjs #bootstrap-modal
Вопрос:
Я использую модальный загрузчик в приложении react. Мне нужно запросить у пользователя подтверждение после того, как он нажмет на кнопку сохранения модала. Для этого я использую react react-подтверждение-оповещение, но диалоговое окно продолжает открываться за модальным. Я проверяю оба элемента, и класс .modal-background имеет z-индекс 1040, в то время как класс react-confirm-alert-overlay имеет z-индекс 99, оба из которых я не могу переопределить. Я создал пользовательский класс с z-индексом 9999 и попытался добавить этот класс в оповещение о подтверждении (код вставлен ниже), но класс никогда не применяется к подтверждению. Может ли кто-нибудь помочь мне с этим ТИА.
.overlayClass { z-index: 9999 !important; } confirmAlert({ title: 'Save Confirmation', message: 'There may be records with this configuration, saving this will update all those records. Are you sure you wish to update?', buttons: [ { label: 'Yes', className: 'text', onClick: () =gt; { this.handleSubmit(); } }, { label: 'No', } ], overlayClassName: "overlayClass" });