Drupal core update breaks paragraphs sorting handlers

Created on 2 March 2023, almost 2 years ago
Updated 3 March 2023, almost 2 years ago

Hi, after latest Drupal core update to 9.5.3 the paragraph sorting handles - styled within thunder_admin - are broken (quite invisble).
/core/modules/system/css/components/tabledrag.module.css is introducing some new styling, like

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none;
}

and

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: #787878;
    -webkit-mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
    mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
}

We were able to fix the problem by add the following to our extra backend.css:

/* fix broken sort handler introduced by a.tabledrag-handle .handle */
.js .field-multiple-table > tbody > tr.draggable > .field-multiple-drag .tabledrag-handle {
  height: auto;
}
.js .field-multiple-table > tbody > tr.draggable > .field-multiple-drag .tabledrag-handle .handle {
  -webkit-mask: inherit;
  mask: inherit;
}
📌 Task
Status

Fixed

Version

4.0

Component

Code

Created by

🇩🇪Germany vistree

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

Comments & Activities

Production build 0.71.5 2024