Не работает скролл на фоне блока. Как исправить?

Question

[Евгений]

Делаю симулятор мобильного для игры, и в том чате, куда вывожу сообщения есть фон, задан он картинкой и помещен в тот же блок, что и сообщения у блока чата задана высота, стоит overflow-y: auto; и все как бы работает: скролл скролит, сообщения туда-сюда ездят. Но есть нюанс - когда курсор попадает не на сообщение, а на фон, то скролл работать перестает. Я вроде понимаю, что избыток по вертикали создают как раз сообщения и потому наведя на них скролл и работает, а фон он будто вписан в размер и ему не нужно скролиться у него стоит position: absolute; , но мне нужно чтоб у игрока скролилось во всем окне чата, а не только на сообщениях. Потому что иногда курсор даже случайно попадает между сообщениями и все останавливается будто глючит или вообще не работает, но наведя на сообщение все тут же оживает. Как исправить?

.chat {
    display: flex;
    background: #293d36;
    height: 80%;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto; 

.chatBg {
    position: absolute;
}

Answer 1

[imko]

.chatBg {
    pointer-events: none;
}

Comments

[Евгений]

Боже, храни умных людей! Спасибо большое!! Все заработало как надо)))