Overview

DnD Kit has proven to be very nice to work with and capable in our preview drag and drop. To ensure we use the same tech across the app we should migrate/refactor the layers to use it too.

Proposed resolution

DnD Kit even has a sortable tree example - source in their Git repo

User interface changes

CommentFileSizeAuthor
#13 2025-05-23 10.38.00.gif400.33 KBjessebaker
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

jessebaker created an issue. See original summary.

hooroomoo’s picture

I marked 3 Layers menu related bugs as postponed on this issue. Hopefully migrating to dndkit fixes those bugs. If not, let's re-open the bugs that don't get fixed by the dndkit switch.

hooroomoo’s picture

Issue tags: +stable blocker
parthbcharya’s picture

Assigned: Unassigned » parthbcharya
Status: Active » Needs work

drupalbabaji made their first commit to this issue’s fork.

jessebaker’s picture

Assigned: parthbcharya » Unassigned
Status: Needs work » Needs review

MR !1024 is now ready for review.

MR !990 is now over at #3524965: Refactor sortable props form in code component editor

jessebaker’s picture

Assigned: Unassigned » hooroomoo
hooroomoo’s picture

Assigned: hooroomoo » jessebaker

  • jessebaker committed 4601ce25 on 0.x
    Issue #3520438 by jessebaker, hooroomoo: Refactor Layers UI to use...
jessebaker’s picture

Assigned: jessebaker » Unassigned
Status: Needs review » Fixed

🎉

jessebaker’s picture

Issue summary: View changes
StatusFileSize
new400.33 KB
lauriii’s picture

Amazing work on this @jessebaker 👏

  • jessebaker committed a5b64dd0 on 0.x
    Issue #3520438 by jessebaker, hooroomoo: Refactor Layers UI to use...

Status: Fixed » Closed (fixed)

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