Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

CSS lineClamp disables text selection on Android

Aperta
#136 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
42/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript, react-native
Ambito
mobile

Direzione di ricerca

Riproduci il comportamento con lo Snack collegato su Android usando React Native 0.75 o una versione precedente, quindi individua in questo repository la gestione di CSS lineClamp e il relativo mapping Android Text. Conferma che il testo selezionabile venga troncato con un’ellissi e rimanga selezionabile; l’issue non fornisce alcun percorso di file o di test, quindi è ancora necessario identificare l’implementazione pertinente e il test di regressione.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug bug: react-native
Describe the issue

Root cause is a bug in React Native for Android (iOS works correctly). When userSelect:'auto' or selectable={true} is used in combination with numberOfLines on a React Native Text, Android clips overflow text rather than using the default ellipsizeMode:'tail'.

The workaround to restore the text overflow ellipsis is to set userSelect:'none' on the text for Android, which comes at the cost of text no longer being selectable.

Expected behavior

Text should be truncated with an ellipsis and remain user-selectable.

Steps to reproduce

React Native 0.75 or below. Android.

  • <html.span>
  • style of lineClamp
  • text is no longer selectable
Test case

https://snack.expo.dev/rIIwaSlqQ6cHKlcO2Vatn?platform=android

Additional comments

Android hack to fix this https://stackoverflow.com/questions/14691511/textview-using-spannable-ellipsize-doesnt-work/40505388#40505388

Lingua principale
JavaScript
Stelle
3.6k
Fork
206
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react/react-strict-dom

Tutte le issue di react/react-strict-dom

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.