Request: Conditional form fields

[woowoowoo]

Desired behaviour

The simplest example of this is a radio button array, where one of the options is 'other', which then exposes a text area where the user can expand on what 'other' they mean.

The conditional content should be able to cope with more complex patterns than just a text area, and the trigger could be any select, checkbox, or radio, control but the behaviour is the same.

I suspect the best way of achieving this would be through a nested fieldset, and some addclass/removeclass functions. It would be REALLY nice if the configuration of triggers and targets could be handled through the Edit+ interface in Matrix, so, please discuss with us before commencing any development.

This is a pre-emptive request, triggered by an enquiry about some forms for Biosciences coming up in a few weeks, but it's a common enough scenario that I think it would be of general benefit, and certainly helpful if we prevent users writing their own ad-hoc js to achieve the same effect.

[woowoowoo]

hmm - I found this: https://codepen.io/memco/pen/BajpD no javascript

[waitingallday]

Ah yeah that's really nice, that's actually how our styled checkboxes work.

[axelboc]

It's really convenient, but it's got major downsides including:

• not supported on IE8 and below (both the :checked pseudo-class and general sibling selector ~)
• not accessible: this behaviour would require a few attributes to be modified dynamically (e.g. hidden, aria-expanded) and may also require smart focus management

However, you could work around the first point by showing the extra fields by default, and negating the selector: .checkbox:not(:checked) ~ .extra-fields { display: none; }

[dcollett]

+1 on this request.