ant-design/ant-design

Input.Password component doesn't get initial value from Form on SSR (Next.js)

Open

#33 185 ouverte le 7 déc. 2021

Voir sur GitHub
 (4 commentaires) (0 réactions) (0 assignés)TypeScript (98 031 stars) (54 612 forks)batch import
Inactivehelp wanted🐛 Bug

Description

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

open Next.js application

  1. Create Form component and set initial values
  2. In Form.Item Create Input.Password component and set name as in initial value

What is expected?

Input.Password component should get initial value and show it in input

What is actually happening?

It doesn't shows initial value, only after focusing it updates value

Environment Info
antd 4.17.2
React 17.0.2
System MacOS 11.1
Browser Google Chrome 96.0.4664.55

Guide contributeur

Stack technique
reacttypescriptnextjs
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Reactant design FormSSR concepts
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
Investigate the Input.Password component's interaction with Form.Item during SSR in Next.js. The reproduction link shows a CodeSandbox. The issue likely stems from the password visibility toggle or hydration mismatch. Check the ant design source code in components/form and components/input password for how initialValues are passed and rendered on the server. Also review any existing comments for potential solutions.