Sp-dev-fx-controls-react: Grid Layout Compact mode display issues

[lenain71]

Category

[ ] Enhancement

[ X] Bug

[ ] Question

Version

[ @pnp/spfx-controls-react": "^2.1.0" or @pnp/spfx-controls-react": "^2.4.0" ]

Expected / Desired Behavior / Question

SPFX application on sharePoint Online modern page : Display a gridLayout component with Office UI fabric DocumentCard in a compact mode with all loaded data.

Observed Behavior

Display a gridLayout component with Office UI fabric DocumentCard in a compact mode does not display the entire list of data. No scrolling bar are available and only 3 items are displayed. Tested on differents mobile devices. No issue when using the same component in normal mode.

Steps to Reproduce

Take exemple code from [https://pnp.github.io/sp-dev-fx-controls-react/controls/GridLayout/] and display component in compact mode (from mobile device)

[msftbot[bot]]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[AJIXuMuK]

@hugoabernier - do you want to take a look?

[balacbe1990]

Am also facing same issue only for compact layout - it always display only 3 items