Nested paragraph arrow buttons are sometimes not visible

Created on 26 April 2024, 8 months ago
Updated 13 May 2024, 7 months ago

Problem/Motivation

When you have a paragraph which also contains paragraphs the arrow buttons used to rearrange the order doesn't always appear.
The pattern in which they appear seems random. (see attached image)

Steps to reproduce

  • Create a paragraph that has a field which is a entity reference revisions to another paragraph.
  • For the entity reference field go to manage form display and make sure to select the Paragraphs(stable) widget with the "show arrows for drag & drop" enabled. (see the other options in the attached image)
  • Add the paragraph to a page and populate with data. Have at least 3 nested paragraphs within.
  • Notice how the arrow buttons won't always appear on the nested paragraphs.

Proposed resolution

The bug is a result of the "hide arrow-up in first row and arrow-down in last row" feature. The feature uses a css selector to assign display: none to hide the arrow buttons.
It'll be hard to write a css selector that can work reliably since the markup can be different depending on many factors like widget options as "add in between buttons" and the nesting of paragraphs. I would reconsider how important the feature is.

🐛 Bug report
Status

Fixed

Version

10.0

Component

Code

Created by

🇩🇰Denmark RoWaBo

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

Comments & Activities

Production build 0.71.5 2024