reactjs/react-modal

Fails to render using renderToStaticMarkup

Open

Aperta il 22 ott 2017

Vedi su GitHub
 (1 commento) (2 reazioni) (0 assegnatari)JavaScript (7294 star) (828 fork)batch import
help wantedneeds info

Descrizione

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

Guida contributor

Tech stack
reactjavascript
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
React basicsrenderToStaticMarkup understandingTest setup
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
45
Direzione di ricerca
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.