Issue #3495887 by grimreaper: Update field inline label classes to be like Core.

composer.json

@@ -16,6 +16,7 @@
     },
     "suggest": {
         "drupal/entity_vdts": "Allows to remove entity template wrappers.",
+        "drupal/fences": "Allows to control wrapping markup and classes of fields.",
         "drupal/ui_examples": "Allows to have examples pages.",
         "drupal/ui_icons": "Allows to handle icons.",
         "drupal/ui_skins": "Allows to switch between themes and to override CSS variables."

templates/system/field.html.twig

@@ -39,23 +39,27 @@
  */
 #}
 {{ attach_library('ui_suite_bootstrap/field') }}
+{% set classes = [
+  label_display == 'inline' ? 'clearfix',
+] %}
+
 {% set title_classes = [
-    'field--label',
-    'field--label--' ~ label_display|clean_class,
-    label_display == 'visually_hidden' ? 'visually-hidden',
-    label_display == 'inline' ? 'float-start',
-    label_display == 'inline' ? 'pe-2',
-    'fw-bold',
+  'field--label',
+  'field--label--' ~ label_display|clean_class,
+  label_display == 'visually_hidden' ? 'visually-hidden',
+  label_display == 'inline' ? 'float-start',
+  label_display == 'inline' ? 'pe-2',
+  'fw-bold',
 ] %}
 
 {% set field_items_wrapper_attributes = create_attribute(field_items_wrapper_attributes|default({})) %}
 {% set field_items_wrapper_classes = [
-    'field--items',
-    multiple and label_display == 'inline' ? 'float-start',
+  'field--items',
+  multiple and label_display == 'inline' ? 'float-start',
 ] %}
 
 {%- if display_field_tag ~%}
-  <{{ field_tag|default('div') }}{{ attributes }}>
+  <{{ field_tag|default('div') }}{{ attributes.addClass(classes) }}>
 {%- endif -%}
   {% if not label_hidden %}
     {% if display_label_tag -%}

ui_suite_bootstrap.info.yml

@@ -68,6 +68,7 @@ libraries-override:
   system/base:
     css:
       component:
+        css/components/clearfix.module.css: false
         css/components/container-inline.module.css: false
         css/components/tablesort.module.css: false
   text/drupal.text: ui_suite_bootstrap/drupal.text