Layout for widgets in group seems wrong. Missing CSS declaration grid-row-end: span [rows]

[hotNipi]

Description

Preconditions: Group size is 6x1
Expected layout :

Where 2x2 button is second in order.

The actual outcome is:

The grid-row-end declaration is applied to the component but not for the containing div.
This is same for all layouts, I took the reference image from layouts/Grid.vue

Both elements - the component and the container should have grid-row-end: span [rows] declarations. Otherwise I can't imagine it will somehow possible to arrange widgets in group.

Best,
Endel

Epic/Story

No response

Have you provided an initial effort estimate for this issue?

I can not provide an initial effort estimate

[hotNipi]

Hi @joepavitt

I do shake this issue thread a bit just to get a little attention.
That is because I'm pretty sure it is a bug which in my world should get priority emergency. See that there is bunch of people trying to migrate from DB1 already and this is something which stands as obstacle.
I have provided workaround for couple of my followers but I'd like to not share it widely cos I'm not sure about the future of this.

So if I'm right and it is a bug - it's a 10 minute fix as described, if not - I'd like to hear how it should be possible to manage the widgets layout in group properly.

Thanks,
Endel

[joepavitt]

Thanks Endel, will sort today. I'm only on Dashboard two days a week (today and tomorrow) so hadn't had a chance to look at this yet

[joepavitt]

Fix incoming - thanks for the assist @hotNipi

[hotNipi]

Thank you :)
This maybe now can help also sort out the ordering issue mentioned here https://discourse.nodered.org/t/node-ordering-in-groups/85448
I have some doubths those may be slightly related ..