multivalue "link" field has broken wrapping in first of many elements.

Created on 20 August 2025, 25 days ago

Problem/Motivation

When you have a link field, with single, or multivalue, you get a buggy wrapping effect on the first element.

Steps to reproduce

Create paragraph, or block type, with a multivalue link field.

Go create some content, and you'll see what I have in the screen shot.

Proposed resolution

On the rendered source code.
The whole multivalue link UX is in a table.field-multiple-table structure.

the td > .form-item class has a display: flex on it...

But when you "add another item" it wrapps in an extra div.ajax-new-content which breaks the display flex styling.

I would suggest going up to the parent div.field--type-link and where the td > .form-item is, NOT having that as a flex, or making it flex-direction: column specifically.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

5.0

Component

Code

Created by

🇺🇸United States alphex Atlanta, GA USA

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

Merge Requests

Comments & Activities

  • Issue created by @alphex
  • Pipeline finished with Success
    20 days ago
    Total: 215s
    #580702
  • 🇮🇳India anirudhsingh19

    Made the td > .form-item as display: block instead of flex.

  • 🇮🇳India vinodhini.e chennai

    Hi, I am using the Gin theme and encountered the same issue on Drupal 11.2.3. The problem occurred while creating content that includes a link field.

    Even after applying Merge Request #666, the issue still persists and was not resolved.

  • 🇮🇳India sandeep_k New Delhi

    @anirudhsingh19, I tested this on Drupal 10.3, but couldn’t reproduce the issue using the link field within paragraphs and an unlimited link field. However, when I tested on Drupal 11.2.0, I was able to reproduce it successfully (see Before results).
    I also applied MR !666, and while it merged successfully, the issue still persists for me on Drupal 11 — same as what @vinodhini.e mentioned.

  • 🇮🇳India anirudhsingh19

    @vinodhini.e @sandeep_k Have you tried clearing the site cache and then pressing Ctrl + shift + R after applying the MR. If it still doesn't work, could you share me the screenshots for rendered HTML structure for the links table.

  • 🇮🇳India sandeep_k New Delhi

    @anirudhsingh19, Thanks for the update. I checked this after clearing the cache, and it worked for me.
    Adding After results here-
    RTBC++

  • 🇬🇧United Kingdom schillerm

    Hi, I was able to reproduce this error on a D11.2.3 site with Gin 5.0.x branch. Applied the !MR606 and issue was fixed.

    Looked into the css change, seems fine. Also looked around the site to see if any other things (forms) were affected by table td > .form-item. Could not find any, Wished there was a tool for automating this (css checking). +1 for RTBC

  • 🇮🇳India Saman Malik

    Verified and tested the D11.2.3 site. Applied !MR666, and the issue was fixed.

    Testing Steps:
    1.Create a Paragraph type (or block type) with a Link field set to allow multiple values.
    2.Go to Content → Add content using that type.
    3.Add multiple links.
    4. Observe the wrapping:
    a.The first link field is styled incorrectly (broken flex wrapping).
    b.Additional items render normally
    5. Apply Patch
    6. After apply patch Repeat steps 2–3 (add/edit content with multiple links).
    7.View the page again where the links are rendered.
    8.Verify Rendering:
    9.The first link should now display correctly, aligned with others.
    Can be move to RTBC

  • 🇮🇳India vinodhini.e chennai

    @anirudhsingh19, Thanks for the update. I verified this after clearing the cache, and its working fine for me. Thanks..

  • 🇩🇪Germany mrshowerman Munich

    This issue has been caused by a change to the Claro theme: 🐛 Prefix/Suffix not inline with autocomplete field Active
    There's an open core issue at 🐛 Link field description squashes the field Active , so I guess this one should be closed as a duplicate.

Production build 0.71.5 2024