Missing required asterisk in Claro

Created on 23 May 2025, 3 months ago

Problem/Motivation

When using a Draggable Table field widget on a required field, the table header markup for a tabledrag table differs from a the markup seen in Claro and Classy, resulting in a missing required asterisk.

Compare this markup for a required multi-value Autocomplete widget field in Claro where the required asterisk appears as expected:

To the markup for a required Draggable Table field in Claro where the required asterisk does not appear:

Both use this template:
docroot/themes/contrib/classy/templates/dataset/table.html.twig

In all of Claro's CSS the only styling for required asterisks is this:

.form-item__label.form-required::after,
.fieldset__label.form-required::after {
  display: inline-block;
  margin-inline: 0.15em;
  content: "*";
  color: var(--color-maximumred);
  font-size: 0.875rem;
}

Which means that unless the Draggable Table thead th contains an element with the classes .form-item__label.form-required, it will be missing the required asterisk.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Active

Version

2.2

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States maskedjellybean Portland, OR

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024