Модалы появляются с наложением затенения, элементы управления недоступны #31

Question

Я пытаюсь использовать модал, открытый кнопкой. В конце концов, это будет форма. Но пока что любой базовый модальный тест будет успешным.

Проблема в том, что каждый модал появляется с затенением не только за ним, но и за фронтом. Это означает, что все на странице (как на модальной, так и на странице позади) не кликабельно.

Вот мой код - https://www.pastiebin.com/593c55bebedd8

К вашему сведению, это выполняется через WordPress, а содержимое панели навигации (с соответствующей кнопкой) запускается через bs4navbar - но у меня также возникает проблема, когда я вручную пишу код модального кода.

Мне любопытно узнать, в чем проблема.

Answer 1

Проблема в том, что HTML-код вашего модала находится внутри элемента nav. Переместите свою модальную часть HTML прямо перед </body> или где-нибудь на уровне корневого тела, и все будет хорошо.