mattermost-community/focalboard

UX: Let users easily undo / remove auto-added table rows

Open

#4,849 opened on Feb 11, 2022

View on GitHub
 (8 comments) (4 reactions) (0 assignees)TypeScript (26,187 stars) (2,542 forks)user submission
Good First IssueHacktoberfestUp for grabs

Description

Summary

Repro:

  1. Edit the title of the last row in a table view
  2. Press Enter
  3. A new row is added
  4. But there is no way to easily undo / delete it if it was unintended

Propose: Pressing Escape or Enter on an auto-added card with an empty title should remove the row.

How important this is to me and why

Importance: Medium

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.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
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
basic React knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Start by examining the table view components in the codebase, likely under `packages/focalboard/src/components/table/`. Look at how the 'last row' auto add is implemented and the Enter key handling. Check if there is already an undo mechanism or if a new keyboard event handler is needed. Review comments in issue #4849 for any additional context or suggested approaches.