Как открыть несколько модальных окон в bootstrap 5?

Question

[JackBerry]

Добрый день. Использую Bootstrap 5. При открытии модального окна для затемнения фона в тело добавляется <div class="modal-backdrop show"></div>. Если открывается два модальных окна - добавляется два <div class="modal-backdrop show"></div>, причем с одинаковым z-index. В результате второе модальное окно не кликабельное.

Можно ли как-то при открытии модальных окон задавать им z-index?

Answer 1

[Sergey В.]

В документации, описывающей использование модальных окон, указано:
"Please note multiple modals cannot be open at the same time" - не поддерживается открытие нескольких модальных окон одновременно.
Варианты решения:
1. Toggle between modals
2. Tooltips and popovers - если в качестве tooltip сделать второе диалоговое окно.

Comments

[JackBerry]

Понял, благодарю. Думал, может можно что-то придумать(

[Sergey В.]

JackBerry, придумать то можно. Например через js менять нужные атрибуты. Но это "костыли", которые могут работать непредсказуемо.