column widths and conditional visibility

[gornycreative]

I find that for a number of different scenarios, when I set column widths on fields and their display is conditional they don't always respect the column widths that I set.

So for example if I have a field set to 30% column width that has three options that are hidden until an option is selected, each set to 70%, sometimes the 70% width field shows up next to the 30%, but sometimes it shows up beneath as a full width.

For example:

These are both 70% column width in this context.

I don't run into it a lot, but enough and in an inconsistent manner.

Has anyone else run into this and found either a reason for the columnwidth to not be respected or a way to 'force' it?

This generally doesn't happen when showIf is not involved.

[monollonom]

In this case what I do is split the remaining 70% into the three conditionally visible fields (e.g. 23/24/23). The visible one will then stretch out to occupy the remaining width.

[BrendonKoz]

I've experienced it, and if I'm remembering correctly, it seemed to be related to either (only) a CSS issue, or a JavaScript call that wasn't applying the appropriate class(es) for CSS display. I looked into it for a bit, but since it was only unexpected and not preventing proper functionality I moved on since I never fully solved it.

@monollonom Can you explain what you mean in more detail? I didn't quite understand (and am curious); gorny shows two fields (where one field has three options), but you mention three conditionally visible fields...?

[monollonom]

@BrendonKoz here is a screenshot and screencast showing what gorny’s setup is (at least how I understood it):

And here is what I’m suggesting / what I’m doing in such situation:

Here the sum of the fields’ width is 100%

[BrendonKoz]

Ohhhhh. I wouldn't have thought to try that. Thanks for explaining, and with the GIFs too! ♥