There are some cases when there is a lot of blank space inside the lower part of a block. This can happen when
- you resize the browser window
- we have side blocks (e.g. a group's 'About' page) that reduce the width of the content compared to what it looks like in edit mode
- the content of the block is bigger when viewed in edit mode than it is when viewed in display mode, e.g. due to side blocks or when there is no block title to display
We would need to check how to deal with this problem for each blocktype.
Image blocks should remove the empty space every time the content is resized, but blocks that display many items that require pagination shouldn't be changed when reaching the last page and the content is not as large as the first page.
We would also need a way to flag this type of block, i.e. the one with pagination, to the javascript function that will deal with the empty space in the block, for example render the block with a special class or property. Per default, the height should adjust to the content displayed automatically no matter whether in edit or display mode. The exception / flag will be set for the small number of blocks where that shouldn't happen, e.g. potentially the journal block with journal entries shown, the PDF block.
The update to gridstack 4 code has allowed the flow of the block to handle better - there is still some extra whitespace sometimes but the amount is reduced and on update of page flows better for things like text block.
Will drop the severity of this bug and move it out to next milestone