[iOS] Multiline TextInput loses its custom font face for text typed after an autocorrect

オープン
  • 何か問題がありますか？
#59,157 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 2 日以内に返信

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

評価

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

調査の方向性

Start by running the linked reproducer on the reported iOS simulator and inspect React Native's multiline TextInput path alongside the native UITextView behavior. Compare the custom-font case with autocorrect enabled against the system-font and autocorrect-disabled cases, including onLayout and onContentSizeChange. Done when text typed after autocorrect keeps the custom bold face and the field height includes the last line.

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

説明

Description

On iOS, a multiline TextInput whose fontFamily is a bundled custom face (PlusJakartaSans-Bold, shipped with PlusJakartaSans-Regular) draws the words typed after an autocorrect in the family's regular face. The text before the correction and the corrected word stay bold. Every word typed after it is regular.

Expected: all of the text stays in PlusJakartaSans-Bold.

The same autocorrect also breaks the field's height. In our app the field also sets letterSpacing: 0 and runs React Native 0.86.3. The visible text stays bold, but the field is laid out one line short of what the UITextView draws, so the last line is hidden below the field: onLayout reports 114 while onContentSizeChange reports 152. Setting autoCorrect={false} avoids both, and so does typing without triggering an autocorrect. With the system font and fontWeight: '700' the text stays bold.

Steps to reproduce
  1. Clone the reproducer, then run cd ReproducerApp && yarn && cd ios && bundle install && bundle exec pod install && cd .. && yarn ios (iPhone 17 Pro simulator, iOS 26.5, hardware keyboard).
  2. Tap the field and type, without pausing: Anyone up for pickup basketball at the park this saturday morning
  3. iOS autocorrects "saturday" to "Saturday" when the space after it is typed.
  4. "morning" is drawn in PlusJakartaSans-Regular.
React Native Version

0.88.0

Affected Platforms

Runtime - iOS

Output of npx @react-native-community/cli info
System:
  OS: macOS 26.6.2
  CPU: (10) arm64 Apple M4
  Memory: 270.50 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.23.2
    path: ~/.pixi/envs/default/bin/node
  Yarn: Not Found
  npm:
    version: 10.9.8
    path: ~/.pixi/envs/default/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods:
    version: 1.17.0
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.5
      - iOS 26.5
      - macOS 26.5
      - tvOS 26.5
      - visionOS 26.5
      - watchOS 26.5
  Android SDK: Not Found
IDEs:
  Android Studio: Not Found
  Xcode:
    version: 26.6/17F113
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.18
    path: /usr/bin/javac
  Ruby:
    version: 4.0.6
    path: /opt/homebrew/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.2.0
    wanted: 20.2.0
  react:
    installed: 19.3.0
    wanted: 19.3.0
  react-native:
    installed: 0.88.0
    wanted: 0.88.0
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true
Stacktrace or Logs
No crash or error is logged.
MANDATORY Reproducer

https://github.com/peytonshields/rn-textinput-autocorrect-font

Screenshots and Videos

After typing the steps above, "morning" is in the regular face:

After the autocorrect

Recording: https://github.com/peytonshields/rn-textinput-autocorrect-font/blob/main/media/repro.mp4

主要言語
C++
スター
127k
フォーク
25.5k
平均マージ
3日 18時間
マージ済み PR（30日）
188

環境構築

はじめの一歩

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

react/react-native のほかの issue

react/react-native の issue をすべて見る

似ている issue

C++ の issue をもっと見る

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

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