field value get messed when use with sortable.js

Ouverte
#2,002 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
48/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript, typescript
Domaine
frontend

Piste de recherche

Commencez par la reproduction liée dans CodeSandbox avec @tanstack/vue-form, Vue et SortableJS, puis suivez le rendu des champs lors de la réorganisation des éléments. C'est terminé lorsque le glissement échange à la fois les valeurs d'entrée affichées et le field.state.value sous-jacent.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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

Langage dominant
TypeScript
Étoiles
6.8k
Forks
705
Merge moyen
1 j 7 h
PR mergées (30 j)
13

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de TanStack/form

Toutes les issues de TanStack/form

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.