CSS lineClamp disables text selection on Android
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 42/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript, react-native
- 領域
- mobile
調査の方向性
リンクされた Snack を Android 上で React Native 0.75 以下を使って実行し、動作を再現してから、このリポジトリ内で CSS lineClamp の処理と Android Text へのマッピング箇所を特定します。選択可能なテキストが省略記号付きで切り詰められ、かつ選択可能なままであることを確認します。issue にはファイルまたはテストのパスが記載されていないため、関連する実装と回帰テストを特定する必要があります。
索引モデルが issue の本文から書いたものです。
説明
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
- 主要言語
- JavaScript
- スター
- 3.6k
- フォーク
- 208
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react/react-strict-dom のほかの issue
-
Outline styles aren't parsed in React Native対応中かも @hoangvvo が 144 日前に担当しました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
react/react-strict-dom#467 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
react/react-strict-dom#465 · コメント 2 件 ·
-
postcss plugin re-transforms every included file on each rebuild under Turbopack (minutes-long HMR in large projects)対応中かも @borisyankov が 13 日前に担当しました。 オープン
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
react/react-strict-dom#520 ·
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 35/100
react/react-strict-dom#505 · リアクション 2 件 ·
-
Button remains unclickable after disabled state changes対応中かも @MoOx が 127 日前に担当しました。 オープンbug
難易度 3/5 1〜2日 初心者へのやさしさ 62/100
react/react-strict-dom#491 · コメント 4 件 ·
react/react-strict-dom の issue をすべて見る
似ている issue
-
agentic-workflows
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
githubnext/gh-aw-cao#16599 ·
メンテナーはふだん 1 日以内に返信
-
effort:low impact:medium status: auto-triaged UI / Studio
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
mastra-ai/mastra#26124 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
-
allow igdb.comオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 61/100
AdguardTeam/HostlistsRegistry#939 ·
メンテナーはふだん 1 日以内に返信
-
product / databases
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
smansfield635-create/smansfield635-create.github.io#5818 · コメント 4 件 ·
メンテナーはふだん 1 日以内に返信