I want the grid to fill the available space and have virtual scrolling so I'm using a flex layout with the grid set to 100% and it sits in a div with style:
Its almost working except the horizontal scroll bar that appears at the bottom of the grid overflows the containing div and hence causes a scroll bar on the browser. It looks like the border on the horizontal scroll bar is at least part of the problem. If you look at the attached image from the bottom left of the window you can see that in the red rectangle that I've added it shows a grey bar which is not part of the enclosing div. Do you have an example with: virtual scrolling, a horizontal scrollbar, and the grid filling the available space using flex?