Given the codepen – https://codepen.io/jonny-b31/pen/zYQRjyZ
I’ve added a parent container with grid-rows: auto 1fr auto
. And max-height:50vh
.
On the second child, i’ve added overflow: auto
to show scroll in case of more content.
The scrollbar is showing properly in chrome, however in firefox the behaviour is different. Somehow, grid is not able to identify the overflow condition, which makes the scrollbar to not show in firefox.
- Tried finding any differentiation in firefox browser compared to chrome but not able to find any.
- Expectation: Both browsers should behave same.