Andarist / Andarist/react-textarea-autosize

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

Abierto
#275 6 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
2.4k
Forks
247
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.