Move radio checkbox select help text out of div

[pickfire]

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.

In our case, we have overridden the field_class with Field('industry', css_class="industry-scroll"), and added the css

.industry-scroll {
  overflow-y: scroll !important;
  max-height: 300px !important;
}

Before: help text is scrolling with content (showing at the end of the inner container)

Before: help text is scrolling with content (helptext is not visible at first)

After

[smithdc1]

Thanks for the patch, looks good.

Could we add a test for this? Here's a test we have for grouped checkboxes and radios. Maybe just adding some help_text here would be enough.

crispy-bootstrap5/tests/test_layout_objects.py

Line 540 in 05ba4f6

def test_grouped_checkboxes_radios(self):

[pickfire]

Added tests.