Repository navigation
[iOS][Fabric] Multiline TextInput caret becomes very large after deleting text inserted via dictation #58702
Description
Description
On iOS with the New Architecture, when text is inserted into a multiline TextInput using keyboard dictation (mic) and that text is then deleted, the caret renders at a much larger height than the font size.
Steps to reproduce
- Render a multiline TextInput (fontSize 14, lineHeight 20).
- Focus it on a real iOS device and tap the keyboard mic icon.
- Dictate a sentence so it is inserted.
- Delete all the dictated text.
- Observe the caret is abnormally tall.
React Native Version
0.82.1
Affected Platforms
Runtime - iOS
Output of npx @react-native-community/cli info
System:
OS: macOS 26.4
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 981.30 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.14.0
path: /Users/ahe2025/.nvm/versions/node/v22.14.0/bin/node
Yarn:
version: 3.6.4
path: /Users/ahe2025/.nvm/versions/node/v22.14.0/bin/yarn
npm:
version: 10.9.2
path: /Users/ahe2025/.nvm/versions/node/v22.14.0/bin/npm
Watchman:
version: 2025.08.18.00
path: /usr/local/bin/watchman
Managers:
CocoaPods:
version: 1.16.2
path: /Users/ahe2025/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.4
- iOS 26.4
- macOS 26.4
- tvOS 26.4
- visionOS 26.4
- watchOS 26.4
Android SDK: Not Found
IDEs:
Android Studio: 2026.1 AI-261.26222.65.2613.16025427
Xcode:
version: 26.4/17E192
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.16
path: /usr/bin/javac
Ruby:
version: 3.3.0
path: /Users/ahe2025/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.1.1
wanted: 19.1.1
react-native:
installed: 0.82.1
wanted: 0.82.1
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 stacktrace. This is a visual bug only.
No errors or warnings appear in the Metro logs or the Xcode console when the issue occurs. The app keeps running normally, and only the caret (cursor) renders at an abnormally large height.
Steps where it happens: dictate text via the keyboard mic, then delete the dictated text. A screenshots is attached in the description.
MANDATORY Reproducer
https://snack.expo.dev/@divyesvi/greedy-blue-coffee
Screenshots and Videos
Activity
react-native-bot commentedon Sep 28, 2026
Caution
Too old version: It looks like your issue or the example you provided uses a Too Old Version of React Native.
Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please upgrade to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on StackOverflow to get further community support.
react-native-bot commentedon Sep 28, 2026
Caution
Too old version: It looks like your issue or the example you provided uses a Too Old Version of React Native.
Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please upgrade to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on StackOverflow to get further community support.