Bug #105459
open
wrong structural order of checkbox and radiobutton elements in ext:form Bootstrap 5 templates (FrontendVersion2)
0%
Description
The default ext:form Bootstrap 5 templates(FrontentVersion2) have the wrong order of elements in the partials which breaks the style when using Botstrap 5 and have to be rewritten by an integrator.
The current ext:form Bootstrap 5 partials use <input> elements within a <label> structure.
From the Bootstrap 5 "Checks and radios" documentation: https://getbootstrap.com/docs/5.3/forms/checks-radios/#approach
Structurally, our <input>s and <label>s are sibling elements as opposed to an <input> within a <label>. This is slightly more verbose as you must specify id and for attributes to relate the <input> and <label>.
This is an issue since TYPO3 11.5 and is still an issue in the current main-branch
For example:
https://github.com/TYPO3-CMS/form/blob/main/Resources/Private/FrontendVersion2/Partials/Checkbox.html#L13
https://github.com/TYPO3-CMS/form/blob/main/Resources/Private/FrontendVersion2/Partials/MultiCheckbox.html#L17
https://github.com/TYPO3-CMS/form/blob/main/Resources/Private/FrontendVersion2/Partials/RadioButton.html#L17
Updated by David Menzel 6 days ago
The labelClassAttribute has also the value form-check-wrapping-label defined but this is nowhere used or defined as far as I can see.
There seems to be no CSS (either custom or Bootstrap 5) so this can be removed I would say.