Fix required checkbox rendering so label gets proper styles, add hook_preprocess_form_element to set required market for twig

Author: smulvih2

templates/input/form-element-label.html.twig

@@ -25,7 +25,7 @@
     title_display == 'invisible' and not (is_checkbox or is_radio) ? 'sr-only',
     required ? 'js-form-required',
     required ? 'form-required',
-    required ? 'required'
+    required and not (is_checkbox or is_radio) ? 'required'
   ]
 -%}
 {% if title is not empty and title_display == 'invisible' and (is_checkbox or is_radio) -%}

templates/input/form-element.html.twig

@@ -61,7 +61,8 @@
     is_radio ? 'radio',
     is_checkbox ? 'checkbox',
     is_autocomplete ? 'form-autocomplete',
-    has_error ? 'error has-error'
+    has_error ? 'error has-error',
+    required ? 'required',
   ]
 %}{%
   set description_classes = [

wxt_bootstrap.theme

@@ -338,3 +338,12 @@ function wxt_bootstrap_preprocess_paragraph(&$variables) {
     $variables['link_provider_label'] = $allowed_values[$key] ?? $key;
   }
 }
+
+/**
+ * Implements hook_preprocess_form_element().
+ */
+function wxt_bootstrap_preprocess_form_element(array &$variables) {
+  if (!empty($variables['element']['#required'])) {
+    $variables['required'] = TRUE;
+  }
+}