Problem/Motivation

When a multi-value field is used, the drag handles are obscured.

Steps to reproduce

• Install Drupal, minimal profile
• Enable field_ui and file modules
• Create a content type with a file field allowing multiple files
• Create a new node of that content type
• Upload several files in that field
• Save this new node
• Create a new Radix subtheme
• Configure this new subtheme to be used for editing content
• Visit the edit screen for the new node

Expected result:

A cross icon representing a drag handle appears inline to the left of each file (see screenshot using Stark)

Actual result:

The icon is pushed down and to the right so that only a few pixels of the top-left of the drag handle appears (see screenshot using fresh Radix 6 subtheme)

Elsewhere, only the handle's right half is obscured:
• Add and enable the paragraphs module
• Add a paragraph type with a text field
• Add an Entity reference revisions field of reference type: Paragraph to the content type
• Visit the edit screen for the node and add a new paragraph
• Observe only left half of a drag handle is shown, the right half obscured. (See same screenshot using Radix 6)

(Interestingly, I found a reference to this same problem from a decade ago on Drupal 7. So take that for whatever it's worth.)

CommentFileSizeAuthor
handles in radix.png124.97 KBkroh
handles in stark.png53.21 KBkroh

Comments

kroh created an issue. See original summary.

kroh’s picture

kroh commented
Issue summary: View changes
thtas’s picture

thtas commented

This is caused by bootstraps reboot.

*,
*::before,
*::after {
  box-sizing: border-box;
}

To fix, add this to your theme (or perhaps radix can add this somewhere).

.draggable  div.handle {
    box-sizing: content-box;  
}

  • doxigo committed b729c732 on 6.0.x 
    feat: #3523666 Draggable handle obscured
doxigo’s picture

doxigo commented
Status: Active » Fixed

Thanks guys, I added a new file for drupal-overrides here

make sure to update your subtheme.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.