I have a page that Ive laid out using flexbox. It has a header, a middle and a footer and takes up the whole browser window.
The middle content will wrap as the browser window is resized and may cause the content to expand. The middle container has overflow-y: auto applied show the vertical scrollbar should appear if the content does expand beyond its borders.
This all works in Chrome. However, in Edge and Firefox, the expanding content pushes the footer off the screen and the vertical scrollbar is applied to the entire page instead of just the middle container.