reactjs/react-modal

overlayRef and contentRef are undefined on componentDidMount

Open

#740 ouverte le 22 févr. 2019

Voir sur GitHub
 (14 commentaires) (0 réactions) (0 assignés)JavaScript (828 forks)batch import
easygood first issuemaybe bugmissing documentation

Métriques du dépôt

Stars
 (7 294 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

Summary:

overlayRef and contentRef are undefined on componentDidMount, but have the correct value on componentDidUpdate.

Steps to reproduce:

  1. Set the overlayRef and contentRef prop on ReactModal.

  2. console.log the value of overlayRef and contentRef inside componentDidMount.

  3. The values will be undefined.

Expected behavior:

overlayRef and contentRef should hold the correct values on componentDidMount.

Link to example of issue:

https://codesandbox.io/s/qq9kpwxxp9

Guide contributeur

Direction de recherche
Examinez quand overlayRef et contentRef sont affectés dans le cycle de vie du composant. Vérifiez l'implémentation de ReactModal pour voir si les refs sont correctement transmises aux éléments DOM sous jacents et si le timing de componentDidMount provoque la valeur undefined. Recherchez tout rendu conditionnel qui pourrait affecter l'affectation des refs.
Stack technique
javascriptreact
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.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
React
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65