react / react/react-native

Emoji renders as [?] boxes on iOS 26 simulator (Xcode 26)

オープン
#56,183 コメント 11 件 リアクション 9 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

Needs: Attention Needs: Repro
主要言語
C++
スター
127k
フォーク
25.3k
平均マージ
1日 23時間
マージ済み PR(30日)
4

説明

Description

Emoji characters render as [?] placeholder boxes in React Native <Text> components on the iOS 26 simulator (Xcode 26.3, build 17C529). This affects all emoji — inline, standalone, flag sequences, and Unicode escape sequences.

Safari running in the same simulator renders emoji correctly, confirming the font (AppleColorEmoji) is present and registered. The issue is specific to React Native's CoreText text rendering path.

Steps to reproduce

  1. Create a new React Native project (tested with RN 0.84.1 via @react-native-community/cli)
  2. Add emoji to a <Text> component:
    <Text>Hello 🚀 World 🎨 Test ✅</Text>
    <Text>Pure emoji: 😀😃😄😁😆😅🤣😂</Text>
    <Text>Flags: 🇺🇸 🇨🇳 🇯🇵 🇬🇧</Text>
    
  3. Run on iOS 26 simulator (any device — iPhone 16, iPhone 17 Pro, etc.)
  4. All emoji appear as [?] boxes

Expected behavior

Emoji should render using the AppleColorEmoji font, as they do in Safari and native UIKit apps on the same simulator.

Actual behavior

All emoji render as [?] replacement characters/boxes.

Environment

  • React Native: 0.84.1 (also reproduced on 0.83.2)
  • JS Engine: Hermes (also tested with JSC — same result)
  • Architecture: New Architecture / Fabric (also tested with Old Architecture — same result)
  • Xcode: 26.3 (build 17C529)
  • iOS Simulator: 26.3.1 (23D8133)
  • macOS: Darwin 25.3.0 (arm64)

Investigation done

  • ✅ Confirmed AppleColorEmoji-160px.ttc exists in the simulator runtime at CoreAddition/AppleColorEmoji-160px.ttc
  • ✅ Confirmed font is registered (CTFontManagerRegisterFontsForURL returns "already exists")
  • ✅ Confirmed Safari in the same simulator renders emoji correctly
  • ✅ Tested Hermes vs JSC — no difference
  • ✅ Tested New Architecture vs Old Architecture — no difference
  • ✅ Tested RN 0.83.2 and 0.84.1 — both affected
  • ✅ Attempted RCTSetDefaultFontHandler with AppleColorEmoji in cascade list — no effect
  • ❌ Unable to test on iOS 18 simulator (Xcode 26 only ships iOS 26 runtime)

Notes

  • This may be an iOS 26 simulator-specific issue (real devices may be unaffected)
  • The root cause appears to be in how React Native's native text rendering (via CoreText/TextKit) resolves the emoji font cascade on iOS 26
  • No older iOS simulator runtimes are available through Xcode 26 to compare

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

iOS 26シミュレータで コンポーネントを使用して React Native 0.84.1 の問題を再現し、その後、ネイティブの CoreText/TextKit レンダリングパスと絵文字フォントカスケードを調査します。同じシミュレータ上の Safari または UIKit と動作を比較します。インライン絵文字、単独の絵文字、旗、Unicode エスケープが置換ボックスではなくレンダリングされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
ios, react-native
領域
mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
48/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。