pbAutoColumnSizing does not work properly

[Albin]

Using Beta 2. This did work in Beta 1 so this is new and came with Beta 2.
If you have 2 groups. Put a grid in the left group and then webset the pbAutoColumnSizing of the grid to true.
It will grow the whole width of the page and the right group will end up on top of the grid.

I made an example view:
TestHoriView.wo

[Albin]

I think this is a css issue in system.css.
Removing the following code solves the issue:

.WebControl .WebCon_Inner {
    display: grid;
    grid-template-areas: "control";
}

[Harm Wibier]

Thanks for the excellent report.

You are correct, this is caused by the new label positioning logic. We redid that using CSS grid to solve issues we had with labels within the grid layout. If you set pbShowLabel to true with peLabelPosition on lpLeft or lpRight this also does not happen. I think we'll fix this by changing the CSS you pointed out into:

.WebControl .WebCon_Inner {
    display: grid;
    grid-template-areas: "control";
    grid-template-columns: minmax(0, 1fr);
}

Can you test this (you can just put this in your application.css)?

[Albin]

Thanks for the excellent report.

You are correct, this is caused by the new label positioning logic. We redid that using CSS grid to solve issues we had with labels within the grid layout. If you set pbShowLabel to true with peLabelPosition on lpLeft or lpRight this also does not happen. I think we'll fix this by changing the CSS you pointed out into:

.WebControl .WebCon_Inner {
    display: grid;
    grid-template-areas: "control";
    grid-template-columns: minmax(0, 1fr);
}

Can you test this (you can just put this in your application.css)?

Hi Harm.

Yes, this change works!

[Edgard]

Hi,

I'm on beta 2 on windows and this fails too.
Change the property in order.vw, drag the columns.
Seems to always be at pbAutoColumnSizing=false.
I don't see the horizontal scroll bar.



Best Regards,

Edgard Luis Paneque

[Harm Wibier]

This seems to be mostly a designer issue, at runtime you'll see the scrollbar (once you make the columns wider).