Andarist / Andarist/react-textarea-autosize

Blinks in Firefox when rendered on server and then re-rendered on the client.

Aperta
#275 6 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
2.4k
Fork
247
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

An example:

```

```

is rendered on the server (using react server-side rendering) and then re-rendered on the client using exactly the same argument.

When it is re-rendered on the client, component recomputes the height differently than when it is done by the Firefox 76.0.1 (looks fine on Chrome), so page jumps on load.

I have made a small online demo here: https://learn-idris.net/textarea-autosize-blink

What might be the solution:
* fix some styles to make initial rendering identical to computed rendering (probably hard)
* add an option to explicitly disable computation of height on initialization; recompute height only on a change
* maybe turn on this option when both `rows` and `minRows` specified

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.