facebook / facebook/lexical

🌮 Feature: Draggable Individual List Items 🌮

Open
#7,630 4 comments 1 reaction 0 assignees View on GitHub
enhancement lists
Dominant language
TypeScript
Stars
23.9k
Forks
2.2k
Avg merge
1d 14h
Merged PRs (30d)
55

Description

## Description
Hello, everyone.
In the [Lexical Playground](https://playground.lexical.dev/), the draggable block feature is great for restructuring items, but the one thing that I think could be improved in it is extending that functionality to dragging list items (`

  • `) on there own, instead of dragging the entire list.

    In the image below, you can only drag the whole list which could be an unordered or ordered list in the DOM.

    ![Image](https://github.com/user-attachments/assets/5850dd5e-cc15-4a8c-8a5c-0f1b4d9911f1)

    I propose that we implement a feature allowing the dragging of individual list items, like in Notion, PlateJS and many other text editors.

    ![Image](https://github.com/user-attachments/assets/0db1ce1a-7906-4ccc-b774-4ec983843319)

    ## Impact
    This small optimization would enable better restructuring and a better dragging experience for all users. I'm more than happy to contribute, should this be accepted. Thank you.

    Contributor guide

    Open the contributing guide

    Assessment

    This issue has not been assessed yet.

    Get new issues in your inbox

    A short digest of beginner-friendly GitHub issues.