When adding states to the element (like required or visible), the wrapper around is adjusted, not the input-element itself. For visibility that might be ok, but for required.
This can "fixed" by setting the states_wrapper-property of the WebformElement-annotation to FALSE, but I'm wondering why this was set to TRUE in the first place. I can understand that it has added value for complex elements like custom composites or addresses, but not for a regular textfield. Can you explain this choice?
- Create a Webform
- Add a couple of fields:
-- A select-element
-- A webform_belgian_national_insurance_number-field, configure it to be visible and required for a certain value of the select-element
-- A text field, configure it to be visible and required for a certain value of the select-element
- Open the webform
- Select the value that makes the other elements visible
- Set the states_wrapper to FALSE
Active
2.2
Code
Changing the category to "Bug report" because the required-attribute is set on the wrapping-div, instead of the input-element.
I wonder what the bc-impact of this issue is, will this break existing sites theming?
I confirm that https://git.drupalcode.org/project/webform_rrn_nrn/-/merge_requests/5 does add the required attriibute to the input.