Модальное окно не отображается над остальной частью содержания страницы [закрыто] ⇐ CSS

[Anonymous]

У меня есть проблемы с модальным окном, которое охватывает не все контент, он имеет огромный z-idex, а другие элементы нет.
Существует код компонента (причина я использую React): < /p>

Код: Выделить всё

const ModalPhone = () => {

const [isOpen, setIsOpen] = useState(false);

return (

 setIsOpen(true)}>✅
{isOpen && (


 setIsOpen(false)}>❌



)}

)}
< /code>
А вот стиль: < /p>
.modalOverlay {
background-color: rgba(0, 0, 0, 0.25);
position: fixed;
inset: 0;
z-index: 999;
}

.modal {
background-color: #fff;
padding: 16px;
position: absolute;
right: 0;
top: 0;
width: 264px;
height: 100vh;
}

Я использовал Devtools, чтобы попытаться исправить его, удалить позицию: относительный из других элементов, но это не помогает. Я также удостоверился, что элементы, которые не покрывают, у него нет z-Index или значение этого 1, что не выше, чем 999. изменить что угодно.


Подробнее здесь: https://stackoverflow.com/questions/796 ... ge-content