Nested paragraph with inline form widget and draggable breaks the table

Created on 26 March 2025, 15 days ago

Problem/Motivation

I'm using nested paragraph with inline entity form complex widget.
When have multiple paragraphs, the table does not goes as far as it should and then my actions buttons are bellow the paragraph title instead of being at the right under the correct column.

Steps to reproduce

Use nested paragraph with inline entity form complex widget.
Add multiple paragraphs and see the issue.

Proposed resolution

It seem to be linked to the class "ief-tabledrag-handle tabledrag-cell"

In the paragraph.scss file, if we replace the

.draggable { 
   > td {
        position: relative;
        display: block;
        flex: 0 0 auto;
  }
}

with display: table-cell
It seem to fix the issue for me

🐛 Bug report
Status

Active

Version

4.0

Component

Code

Created by

🇧🇪Belgium arwillame Belgium 🇧🇪

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

Comments & Activities

Production build 0.71.5 2024