ListView styles

[mkoutroupis]

Category

[ ] Enhancement

[ ] Bug

[X] Question

Version

Please specify what version of the library you are using: [ 3.0.0 ]

Expected / Desired Behavior / Question

I would like to control the height of the ListView control by passing a className or styles object.
In the code, the wrapper has a set height of 50vh. While this is great in some occasions, when using a collapsible section or adding more controls under it, it appears weird. Is there a way to set the height of the wrapper?

Observed Behavior

Because of wrapper has a default height of 50vh, when trying to limit the size of the ListView, the results are appearing under the next control.

Steps to Reproduce

Create a SPFX webpart and wrap the ListView control with a div and set the height of the div to 300 px. Build it and serve it.
In the workbench, create 2 sections, add the webpart to both sections and populate them with as many items so that the scrollable pane appears.

Thanks!

[joelfmrodrigues]

Hi @mkoutroupis thanks for the information provided, will definitely be a good improvement.
Would you be willing to work on it and submit a PR?

[MonalisaBaltatescu]

Hi, I want to contribute to this issue. Could you please assign me so I can start working on it?

[joelfmrodrigues]

@MonalisaBaltatescu assigned, thank you

[MonalisaBaltatescu]

#1042

The above-linked PR fixes the issue, tt has been merged to dev

[joelfmrodrigues]

@MonalisaBaltatescu thanks for your contribution. Just a little note in case you are not aware: if you tag this issue on the PR, it will be automatically referenced.
The table below is a good example where this can be done: