Custom Field Meta does not updated until input touched after 1.26.0

Aberta
  • Algo errado?
#1,980 5 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
42/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Execute a reprodução no StackBlitz usando os arquivos indicados em package.json, src/simple-form.tsx e src/App.tsx. Compare TanStack Form 1.26.0 com 1.27.7, acompanhando a atualização de meta do onMount e o comportamento de renderização de firstName. Está concluído quando firstName estiver oculto inicialmente e for atualizado corretamente ao alterar color sem tocar em firstName.

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

Descrição

v1
Describe the bug

I am using custom field meta's heavily, for example style={{ display: field.state.meta?.hidden ? 'none' : 'block' }}, for every field I have set of these meta's like dataSource, hidden, disabled, and others...

in example there is two field firstName and color, I have listener.onMount that hide firstName (through field.setMeta()) if color is "red", in v1.26.0 and before it works well, after this version it does not hide until I touch the field firstName

example use v1.26.0, change package version to see the problem

Your minimal, reproducible example

https://stackblitz.com/edit/vitejs-vite-kqn6fekp?file=package.json,src%2Fsimple-form.tsx,src%2FApp.tsx&terminal=dev

Steps to reproduce
  1. notice in example field firstName is hidden by default (it is hidden in onMount)
  2. change the color to "green" field firstName will appear
  3. upgrade tanstack-form version to newer version
  4. after refresh you will notice firstName now is not hidden
  5. touch the field firstName now it will hide
Expected behavior

compare by previous steps I exp expect:

  1. notice in example field firstName is hidden by default (it is hidden in onMount)
  2. change the color to "green" field firstName will appear
  3. upgrade tanstack-form version to newer version
  4. field firstName should still hidden by default
How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform
  • OS: [linux, windows]
  • Browsers: [chrome, vivaldi]
TanStack Form adapter

react-form

TanStack Form version

1.27.7

TypeScript version

5.9.3

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.