final-form / final-form/react-final-form-arrays

React Beautiful DnD example "resets" focus after drop

Open
#94 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
210
Forks
69
PR merge metrics
No merged PRs in 30d

Description

React Beautiful DnD example linked in the readme has a bug/nit:

* add 2 customers
* focus in c1 (top) last name
* start typing
* drag customer to reorder
* continue typing

If done slowly, 2nd run of typing will end up in c2 (new top) customer last name.

If done quickly, part of 2nd run of typing will be in c1 and part in c2.

It's also possible to type while dragging, which illustrates the issue better.

Contributor guide

Open the contributing guide

Research direction

Start with the React Beautiful DnD example linked from the README and reproduce the reported sequence with two customers, typing while dragging and after reordering. Trace how focus changes during the drop; done means continued typing stays in the intended customer's last-name field instead of moving between customers.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.