Skip to content

similar to dragging icons on the iOS/Android: Sorting with merge #608

@FelipeSchiavini

Description

@FelipeSchiavini

Is your feature request related to a problem? Please describe.
Right now, there is no native way to allow users to reorder items and group them into a folder, like on the iOS or Android home screen. This limits the user experience when they want to organize their items in a personalized way.

Describe the solution you'd like
I would like to have a component or API that supports drag-and-drop of items in a list or grid, with overlap detection between items. When two items overlap for a configurable amount of time, they should automatically be grouped into a "folder" (container), creating a new view that displays the items inside.

Describe alternatives you've considered
I considered using drag-and-drop for reordering only, but that does not solve the need to group items. Another alternative would be opening a modal where users manually select multiple items to create a folder, but this is less intuitive and does not replicate the familiar behavior from mobile home screens.

Additional context
The expected behavior is similar to dragging icons on the iOS/Android home screen:

  • The item follows the user’s finger.
  • When it overlaps with another item and stays there briefly, they are grouped into a new folder.
  • The user can rename the folder and continue adding or removing items by dragging them.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions