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

Nested field arrays are losing state handler methods after dragging

Open
#127 2 comments 10 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
210
Forks
69
PR merge metrics
No merged PRs in 30d

Description

### What is the current behavior?

In codesandbox:
1) Add section
2) Move newly added section before current one
3) Try to type something in nested item input
4) Error appears

![Zrzut ekranu 2020-03-3 o 15 18 36](https://user-images.githubusercontent.com/3975381/75784527-9b2fca00-5d62-11ea-8d82-a4efc7f01014.png)

### What is the expected behavior?

You can still correctly type in nested field array items

### Sandbox Link

https://codesandbox.io/s/final-form-arrays-handlers-error-86wem

### What's your environment?

final-form 4.18.7
final-form-arrays 3.0.2
react-final-form 6.3.5
react-final-form-arrays 3.1.1

Contributor guide

Open the contributing guide

Research direction

Reproduce the failure in the linked CodeSandbox with the listed final-form, final-form-arrays, react-final-form, and react-final-form-arrays versions. Trace the drag/reorder behavior and nested field-array handler state; done means nested item inputs remain editable after moving a newly added section.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.