Move radio checkbox select help text out of div (#123)

Currently, the help text is included in the div, if a scroll class is added to `field_class`,
it will result in the errors and help text being shown as part of the scroll and have to
scroll to the bottom of the inner container to see it. This likely won't be surprising as
the other fields, the help text are beside the input and not within the input container.

crispy_bootstrap5/templates/bootstrap5/layout/radio_checkbox_select.html

@@ -17,11 +17,11 @@
      </div>
     {% endfor %}
     {% endfor %}
-    {% if field.errors and inline_class %}
-        {% for error in field.errors %}
-            <p id="error_{{ forloop.counter }}_{{ field.auto_id }}" class="text-danger mb-0"><small><strong>{{ error }}</strong></small></p>
-        {% endfor %}
-    {% endif %}
 
-    {% include 'bootstrap5/layout/help_text.html' %}
 </div>
+{% if field.errors and inline_class %}
+    {% for error in field.errors %}
+        <p id="error_{{ forloop.counter }}_{{ field.auto_id }}" class="text-danger mb-0"><small><strong>{{ error }}</strong></small></p>
+    {% endfor %}
+{% endif %}
+{% include 'bootstrap5/layout/help_text.html' %}

tests/forms.py

@@ -281,7 +281,9 @@ class GroupedChoiceForm(forms.Form):
         ("unknown", "Unknown"),
     ]
     checkbox_select_multiple = forms.MultipleChoiceField(
-        widget=forms.CheckboxSelectMultiple, choices=choices
+        widget=forms.CheckboxSelectMultiple,
+        choices=choices,
+        help_text="help",
     )
     radio = forms.MultipleChoiceField(widget=forms.RadioSelect, choices=choices)
 

tests/results/test_grouped_checkboxes.html

@@ -18,5 +18,8 @@
                     name="checkbox_select_multiple" type="checkbox" value="unknown"><label class="form-check-label"
                     for="id_checkbox_select_multiple_2">Unknown</label></div>
         </div>
+        <div class="form-text" id="hint_id_checkbox_select_multiple">
+            help
+        </div>
     </div>
-</form>
+</form>

tests/results/test_grouped_checkboxes_failing.html

@@ -21,5 +21,8 @@
                         required.</strong></p>
             </div>
         </div>
+        <div class="form-text" id="hint_id_checkbox_select_multiple">
+            help
+        </div>
     </div>
-</form>
+</form>