react / react/react-native

Text get cut randomly / hides some words since upgrading to 0.81.1 (from 0.80.x)

Abierto
#53,666 12 comentarios 10 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Needs: Attention Needs: Repro
Lenguaje dominante
C++
Estrellas
127k
Forks
25.3k
Merge medio
1 d 23 h
PR fusionados (30 d)
4

Descripción

Description

I have just upgraded from 0.80.x to latest 0.81.1, and now some Text randomly cut out words, or line break them for no reason when they have more than enough space to fit etc

The same code that was working for years suddenly break Text basic component.
It doesn't happen on all android devices, only on some; for example on a samsung s23, one ui 7.0, android version 15. and not everywhere.
For example in a flatlist of text messages, using two emojis in a row will line break one; and on some devices even hide the second one entirely while leaving the space for it there.

it doesn't open only in flatlist, but it's easier to reproduce with it.

Steps to reproduce

use latest 0.81.1
display list of texts in a flatlist
some text get cut; some get line break for no reason.
using new arch (if that matters)
targeting android 36

React Native Version

0.81.1

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info
System:
  OS: Windows 11 10.0.26100
  CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700KF
  Memory: 10.45 GB / 31.86 GB
Binaries:
  Node:
    version: 22.16.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn: Not Found
  npm:
    version: 10.9.2
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK: Not Found
IDEs:
  Android Studio: AI-221.6008.13.2211.9514443
  Visual Studio:
    - 17.14.36301.6 (Visual Studio Community 2022)
Languages:
  Java: 11.0.18
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.1
    wanted: ^0.81.1
  react-native-windows: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Yes
Stacktrace or Logs
no crash
MANDATORY Reproducer

none

Screenshots and Videos

No response

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Empieza reproduciendo el problema de renderizado de texto en Android 15 con un Samsung S23, React Native 0.81.1, Hermes y la New Architecture. Compara los mismos casos de texto de FlatList con 0.80.x, incluidos los emojis adyacentes y el texto con suficiente ancho. Se considera terminado cuando la regresión está aislada y los casos afectados ya no cortan ni dividen el texto inesperadamente.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
android, react-native
Área
mobile
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Tranquilo
Claridad
Necesita aclaración
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.