Project

General

Profile

Actions

Bug #105459

open

wrong structural order of checkbox and radiobutton elements in ext:form Bootstrap 5 templates (FrontendVersion2)

Added by David Menzel about 1 month ago. Updated about 1 month ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Form Framework
Start date:
2024-10-25
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
11
PHP Version:
8.2
Tags:
form, templates
Complexity:
Is Regression:
Sprint Focus:

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

Actions #1

Updated by David Menzel about 1 month 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.

Actions

Also available in: Atom PDF