Pro 5.0.7 - Auto / Grow settings on row not working

Beta
#1

If I create a row and set it to Auto rather than Grow the columns still grow instead of respecting the column settings as set in the row…

If I add multiple columns into a single row and the last column is on its own line the column always grows irrespective of the settings.

I would expect the CSS below to be flex-grow: 0 and not 1.

.md-f > .x-row-inner > * {
    flex-grow: 1;
}
#2

I’ve also seen this issue. Seems the Column Fill setting is reversed, so that setting it to “Grow” removes the flex-grow: 1; styling, and setting it to “Auto” adds it back in. This is the reverse of the previous functionality of the “Grow” checkbox in 4.x

If you haven’t got any instances where you need the columns set to flex-grow: 1; then you can add this code to the global CSS as a temporary override:

/* TEMP FIX */
.x-row-inner > * {
  flex-grow: 0 !important;
}
2 Likes
#3

For sure.

It is not critical for my current design and I have fixed it with a class for my use case but it is something that should be fixed.

2 Likes
#4

Thank you! We’ve corrected this for the next point release (Pro 5.0.8) that will be going out this morning.