reactjs/react-modal

Fails to render using renderToStaticMarkup

Open

#538 ouverte le 22 oct. 2017

Voir sur GitHub
 (1 commentaire) (2 réactions) (0 assignés)JavaScript (7 294 stars) (828 forks)batch import
help wantedneeds info

Description

Summary:

Fails when rendering using renderToStaticMarkup

Steps to reproduce:

call renderToStaticMarkup with react-modal anywhere in the tree

Expected behavior:

Link to example of issue:

https://codesandbox.io/s/rwnvq00p8p

Additional notes:

I have made a failing test here

Guide contributeur

Stack technique
reactjavascript
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.
mostly clear
Prérequis
React basicsrenderToStaticMarkup understandingTest setup
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
45
Direction de recherche
The issue is that react modal fails when used with renderToStaticMarkup. The reporter provided a failing test at https://github.com/salzhrani/react modal/tree/static markup. Investigate why the modal component does not render in static markup, likely due to its use of portals or DOM specific behavior. Check the component's lifecycle and DOM interactions to make it compatible with server side rendering.