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

未關閉
  • 哪裡不對？
#59,157 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

維護者通常 2 天內回覆

還沒有人認領這個 Issue。

評估

難度
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 小時
30 天內合併 PR
188

環境準備

從這裡開始

  1. 先讀完整個 Issue，再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫，在一個分支上完成修改。
  4. 送出 Pull Request，並在描述裡引用這個 Issue 編號。

react/react-native 的其他 Issue

查看 react/react-native 的全部 Issue

相似的 Issue

更多 C++ Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。