As you can see on the picture I attached, I am setting the chatRoom, the middle section to overflow-y:scroll , but when it's contents exceeds it's heights, on regular view the scroll remains disabled with no option to scroll upward and on mobile view it is entirely ommited.
the container is set to flex-colum, both the head part and foot part are set to 10%, 7% and chatRoom is set to 83%
I tried to change the height of the chatRoom to flex: 1 to make it flexible but that didn't work as well