Allowed type text is duplicated in the back end of image field

What is the field’s configuration? What is the theme? Is the bug reproducible on Drupal’s default themes?

Steps to reproduce

1. Access the Drupal administration panel.
2. Navigate to "Structure" and select "Content types."
3. Choose the relevant content type and click on "Manage fields."

1. Within the content type's field management, add a new image field.
2. Use default settings, including the default allowed image types.
3. Save the field configuration.

1. Proceed to create a new node of the designated content type.

1. The field configuration displays both duplicate allowed types and the default allowed types (see attached screenshot for reference).
2. The default theme, which is Claro, exhibits the same issue, and it's consistent across all themes, including the default theme.

Is this on a newly-installed Drupal site? If not, can you reproduce the bug using https://simplytest.me/?

I cannot reproduce the bug with the steps as written on 10.2.x.

After installing a new Drupal 10.2.0 site and adding a new image field the issue was not initially present. However, after debugging, we identified that the problem comes from core/modules/file/file.module at line 1248. The specific line of code triggering the issue is:

$descriptions[] = t('Allowed types: @extensions.', ['@extensions' => $upload_validators['file_validate_extensions'][0]]);

When this particular line is commented out, the issue with duplicate allowed types disappears.Is there any solution available for this issue?

We need those steps to reproduce.

Same Issue reported in https://www.drupal.org/project/svg_image/issues/3413668 📌 Replace upload validators with new ones introduced in Drupal 10.2 Needs work

Affects both svg_image and svg_image_field.

🐛 Duplicate allowed types help text Active

This is related to the deprecation and syntax changes of the file validators. See the related CR file_validate and related functions are deprecated and replaced with file.validator service and Constraint plugins → .

Example code snippets exhibiting the error from SVG Image Field module.

/**
 * Plugin implementation of the 'image_image' widget.
 *
 * @FieldWidget(
 *   id = "svg_image_field_widget",
 *   label = @Translation("SVG image"),
 *   field_types = {
 *     "svg_image_field"
 *   }
 * )
 */
class SvgImageFieldWidget extends FileWidget {

  //...

  /**
   * {@inheritdoc}
   */
  public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
    $element = parent::formElement($items, $delta, $element, $form, $form_state);

    $field_settings = $this->getFieldSettings();
    $element['#upload_validators']['file_validate_extensions'][0] = 'svg';

  }

  // ...
}

If this syntax change is a deprecation in a minor version of Drupal core, then the old method using `file_validate_extensions` should still work (and still have working tests in core) and not introduce the duplicate allowed types text.

This is happening to me too in my current backend theme which is Claro with the Drupal version .26

We're using DeprecationHelper to solve this in SVG Image Field module:

https://git.drupalcode.org/project/svg_image_field/-/merge_requests/32/d...

Thoughts on accuracy?

If this is correct, how best can the approach be added in the CR https://www.drupal.org/node/3363700 → ? Would it require a complete reworking of the Before / After section, or perhaps better to add a follow-up section below describing its use (or maybe just a link)?

Not able to replicate with the #3 🐛 Allowed type text is duplicated in the back end of image field Active steps, but could not reproduce issue on 11.x

It might be happening due to some custom code or contributed module.

Thanks!