field value get messed when use with sortable.js

Aberta
#2,002 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
48/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
javascript, typescript
Domínio
frontend

Direção de pesquisa

Comece com a reprodução vinculada no CodeSandbox usando @tanstack/vue-form, Vue e SortableJS e, em seguida, acompanhe a renderização dos campos durante a reordenação dos itens. Está concluído quando arrastar troca tanto os valores de entrada exibidos quanto o field.state.value subjacente.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

v1 v2: needs investigation
Describe the bug

field value get messed when use with sortable.js

Your minimal, reproducible example

https://codesandbox.io/p/devbox/tg34w3

Steps to reproduce

click add and input 2 different values in the input element then drag the handler to reorder, you will see the rendered input value is not swapping while the field.state.value is updated correctly

Expected behavior

the input value is correctly displayed

How often does this bug happen?

None

Screenshots or Videos

No response

Platform

not related

TanStack Form adapter

None

TanStack Form version
"@tanstack/vue-form": "1.27.7",     "sortablejs": "1.15.6",     "vue": "^3.5.13"
TypeScript version

No response

Additional context

No response

Linguagem predominante
TypeScript
Estrelas
6.8k
Forks
705
Merge médio
1d 12h
PRs com merge (30d)
14

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de TanStack/form

Todas as issues de TanStack/form

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.