mattermost-community/focalboard

Feature Idea: Card Modal Click & Drag To Reorder Properties

Open

#2,190 opened on Jan 27, 2022

View on GitHub
 (14 comments) (23 reactions) (0 assignees)TypeScript (26,187 stars) (2,542 forks)user submission
EnhancementGood First IssueHelp WantedUp for grabs

Description

Summary

Reorder properties in a card modal by clicking and dragging them.

How important this is to me and why

Importance: Low

Use cases:

  1. Keeping properties organized as more are added over time

focalboard-enhancement-click-drag-card-modal-properties

Additional context/similar features

Already implemented with the description drag & drop:

focalboard-card-modal-reoder-drag-and-drop

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactTypeScriptDrag and drop library experienceFocalboard codebase familiarity
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Examine the existing drag and drop implementation for the card description (likely in the webapp source). The card modal properties component is probably located in the webapp/components/cardModal or similar directory. Check the issue comments for any prior attempts or design discussions. Apply a similar pattern using a library like @hello pangea/dnd for consistency.