Full screen vaadin virtual list

Hi, I want to use a vaadin virtual list that occupies the full page, but the default one only occupies about half the screen, how can I turn it full screen?
unknown.png

You will need to use CSS to set the heights appropriately. Make sure the component itself and all parent components are full height.

I tried to use height: 100% and height: auto already and the screen turned completely white

If that happens, there is a component with an undefined height somewhere as the parent. That means you are trying to set the height 100% of undefined, which causes it to disappear.

The easiest way to figure out what needs to be resized is using the browser devtools inspector and checking the heights of each parent component starting with your list