Is fieldset required for VFG ?

[lionel-bijaoui]

Since VFG is using a <fieldset> as main tag, it is impossible to use flexbox on it.
Flexbox allow for great layout to be made without any CSS hacks.
Knowing that most behaviors of forms are dealt with through use of JavaScript, can we simply use a div as a "wrapper" for the fields ?
Would that break something essential that I'm missing to see ?

[lionel-bijaoui]

I have a first solution to make it a little more flexible with the is attribute.

// vfg.vue
<template>
    <div :is="tag">VFG</div>
</template>

<script>
export default {
    props: {
        tag: {
            type: String,
            default: 'fieldset'
        }
    }
};
</script>

basic usage
<vfg></vfg>
config usage
<vfg tag="section"></vfg>

basic usage rendered
<fieldset>VFG</fieldset>
config usage rendered
<section>VFG</section>

[DelfsEngineering]

Can we revisit this? flexbox is the jam and we simply can't use it because we cant attach a class to the field wrapper. We really need to be able to add classes or better, remove the fieldset wrapper completly.

[zoul0813]

@DelfsEngineering check formGenerator.vue

There’s a “tag” property you can assign to field groups, just use the field groups feature and you can also use the field group classes logic as well.