Почему при переключении между modal'ами bootstrap с одного на другой задний фон становится все темнее?

Question

[Роман Лыжов]

Пользуюсь стандартным bootstrap для отображения модалов. Когда происходит переключение между модалами (открытие следующего модала при уже открытом одном из них) - задний фон становится еще темнее (добавляется еще один оверлей, как я понимаю). А переход к третьему вообще не происходит - один оверлей отключается, все модалы пропадают.
Прошу направить.

все модалы имеют class="modal fade" и id="modal__*name*", а кнопки/ссылки на них - data-bs-toggle="modal" и data-bs-target="#modal__*name*" соответственно

Answer 1

[Сергей delphinpro]

В BS не продумано такое поведение. Штатными средствами не решается.
Тут лучше отказаться от дата-атрибутов и вручную через js управлять модалками. То есть, написать небольшой менеджер модалок.

Comments

[Роман Лыжов]

Так вроде в доках здесь https://getbootstrap.com/docs/5.3/components/modal... как будто бы как раз такое и предусмотрено - переключение между модалами, или я что-то путаю?

[Сергей delphinpro]

Роман Лыжов, D пятом да. Но автор не уточнил версию, и если проблема есть, значит у него версия помладше.

[Роман Лыжов]

Сергей delphinpro, я автор вопроса и есть) И у меня как раз 5я версия, но вот такая проблема. Что могло пойти не так?

[Сергей delphinpro]

Роман Лыжов, =) не заметил.
Ну тогда хз. Смотреть надо. Пробуйте скопировать тестовые примеры из доки, посмотреть как они себя ведут.