TYPO3 Core

Bug #104682

Updated by Ayke Halder 3 months ago

The checkboxes and radio-inputs were streamlined in 
 https://review.typo3.org/c/Packages/TYPO3.CMS/+/78547 

 However there is a difference how the label-input nesting is implemented now. 
 I marked if the nesting was changed with https://review.typo3.org/c/Packages/TYPO3.CMS/+/78547 

 ---- 

 @typo3/sysext/form/Resources/Private/Frontend/Partials/Checkbox.html@: 
 Nesting unchanged. 

 <pre><code class="html"> 
         <div class="form-check"> 
             <label class="… form-check-label"> 
                 <f:form.checkbox …/> 
                 <span>LABEL</span> 
             </label> 
         </div> 
 </code></pre> 

 @typo3/sysext/form/Resources/Private/FrontendVersion2/Partials/Checkbox.html@: 
 Nesting unchanged. 

 <pre><code class="html"> 
         <div …> <!-- (<-- <-- via Field/Field.html) --> Field/Field.html 
             <label …> 
                 <f:form.checkbox …/> 
                 <span …>LABEL</span> 
             </label> 
         </div> <!-- (<-- <-- via Field/Field.html) --> Field/Field.html 
 </code></pre> 

 ---- 

 @typo3/sysext/form/Resources/Private/Frontend/Partials/MultiCheckbox.html@: 
 Nesting unchanged. 

 <pre><code class="html"> 
                 <div class="form-check"> 
                     <label class="form-check-label"> 
                         <f:form.checkbox …/> 
                         <span>VALUE</span> 
                     </label> 
                 </div> 
 </code></pre> 

 @typo3/sysext/form/Resources/Private/FrontendVersion2/Partials/MultiCheckbox.html@: 
 Nesting unchanged. 

 <pre><code class="html"> 
                     <div …> 
                         <label …> 
                             <f:form.checkbox …/> 
                             <span …>VALUE</span> 
                         </label> 
                     </div> 
 </code></pre> 

 ---- 

 @typo3/sysext/form/Resources/Private/Frontend/Partials/RadioButton.html@: 
 *Nesting changed.* 

 <pre><code class="html"> 
                         <div class="form-check"> 
                             <f:form.radio … id="{element.uniqueIdentifier}-{idIterator.index}" class="… form-check-input" …/> 
                             <label class="form-check-label" for="{element.uniqueIdentifier}-{idIterator.index}">VALUE</label> 
                         </div> 
 </code></pre> 

 @typo3/sysext/form/Resources/Private/FrontendVersion2/Partials/RadioButton.html@: 
 Nesting unchanged. 

 <pre><code class="html"> 
                     <div …> 
                         <label …> 
                             <f:form.radio …/> 
                             <span …>VALUE</span> 
                         </label> 
                     </div> 
 </code></pre> 

 ---- 

 Whats the intended nesting of label-input for radio-inputs? 
 Does @typo3/sysext/form/Resources/Private/Frontend/Partials/RadioButton.html@ need to be reverted to the old nesting?

Back