vaadin
FormLayout with support for grouping fields in bordered and titled groups while not breaking the field alignment in columns
Describe your motivation
The motivation is to have support for cases like this without dealing with custom CSS:
Disclaimer: image generated by ChatGPT, weird fields in unrelated groups
The criteria is for the fields in each column to remain aligned and of the same size throughout the form, not just in each group. As this a common case in many business apps, it makes sense to optimize for it.
Describe the solution you'd like
This issue is not asking for a universal solution that can handle all the possibilities, but something as simple as above should not need many CSS customizations.
Describe alternatives you've considered
A CSS Grid with 6 - 12 columns enables having form fields to be placed in 2 and 3 columns, which should cover most use cases for these type of forms.
Additional context
No response
Using of CSS grid is already part of the new auto-responsive layout mode. I'd say this is more about a "fieldset" which is requested in https://github.com/vaadin/web-components/issues/1085.
I'd say this is more about a "fieldset" which is requested in
Native HTML Fieldset actually exists in Flow HTML components now. But that naturally does not have any Lumo / Aura sugar coating on it.
